|
设置了浮动，父盒子会塌陷，如何扩展盒子有下面5种方法 ：
1. clear属性清除浮动 2. 为塌陷的父元素设置高度 3. 让父元素与子元素一起浮动(不推荐) 4. 为父元素设置overflow属性(visible这个值没有效果) 5. 为塌陷的父元素添加一个after伪类 下面，我们主要来看看给父元素添加after伪类 代码如下： #father:after{
content:"";
clear:both;
}给父元素加了个after伪类，但是发现没有扩展盒子的高度。最后，找到了原因，原来after伪类相当在一个内联元素，给内联元素添加clear:both;是没有效果，最后，添加了dispaly:block;将其变为块级元素就可以正常扩展盒子的高度了，还没有遇到过这个问题。 正常效果，代码如下： #father:after{
content:"";
display:block;
clear:both;
}原创，转载请注明出处 |
|
|
公众号
