解决CSS 设置clear:both没有效果

我们知道消除浮动可以使得父级盒子可以被动态扩充，但是今天遇到设置标签后无效果的情况。

先给大家贴代码：

<div class="box">
        <div class="damao">大毛</div>
        <div class="ermao">二毛</div>
        <div class="clear"></div>
    </div>

我们设置好大毛和二毛的盒子以后 添加空白标签 这个空白标签的style添加以下内容

 .clear {
            clear: both;
        }

此时的效果图为：

但实际上有些人依然是

我通过检查二者的区别发现以下两点可能导致失败的原因

1.保证这个空白标签盒子 是块级元素！！！

2.保证这个标签盒子是不设置宽度和高度的！！！！！ （尤其注意可能存在的继承问题）

另外大家还是跟着老师的代码走，不然会出很多错误哈哈哈