我们知道消除浮动可以使得父级盒子可以被动态扩充,但是今天遇到设置标签后无效果的情况。
先给大家贴代码:
<div class="box">
<div class="damao">大毛</div>
<div class="ermao">二毛</div>
<div class="clear"></div>
</div>
我们设置好大毛和二毛的盒子以后 添加空白标签 这个空白标签的style添加以下内容
.clear {
clear: both;
}
此时的效果图为:
但实际上有些人依然是
我通过检查二者的区别发现以下两点可能导致失败的原因
1.保证这个空白标签盒子 是块级元素!!!
2.保证这个标签盒子是不设置宽度和高度的!!!!! (尤其注意可能存在的继承问题)
另外大家还是跟着老师的代码走,不然会出很多错误哈哈哈