html高度塌陷的原因与解决方法

编程入门行业动态更新时间:2024-10-10 21:27:06

html高度塌陷的原因与<a href=https://www.elefans.com/category/jswz/34/1770089.html style= 解决方法"/>

html高度塌陷的原因与解决方法

原因：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）解决方式： 1. 给父元素添加声明overflow:hidden; (overflow:hidden会隐藏定位到BFC区域外部的内容) 2. 在浮动元素下方添加空div,并给该元素添加声明：clear:both;height:0;overflow:hidden; (缺点：会造成大量的代码冗余) 3. 万能清除浮动法 .clean:after{content:""; display:block; clear:both;} .clean{ zoom:1; } (ie6及其以下使用)

更多推荐

html高度塌陷的原因与解决方法

本文发布于:2024-02-11 16:14:28，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1681948.html