默认情况下 html 元素没有内容时, 高度就是 0, 不需要手动设置.
但这时有些元素仍然具有 margin 属性, 这会对其他元素造成影响, 如 p 标签.
(相关课程推荐: CSS 视频教程 https://www.html.cn/css/ )
● 当 p 标签内有内容时:
● 当 p 标签没有内容时: 高度为 0, 但仍然占据一定空间
解决方法:
将 p 标签的 margin 去除: p{margin:0;}
这样, 当元素内没有内容时, 高度就为 0 了, 也不会影响其他元素的位置.
本文来自 css3 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/css3/15207.html