CSS清除浮动解决方案

1、增加父级元素高度---(注意：元素假设有了固定的高度会被限制，避免使用)

#div1{

        border:1px #000 solid;

        height:800px;

}

2、增加一个空div，清除浮动---(注意：代码中尽量避免空div，避免使用)

<div class=’clear’></div>

.clear{

        clear:both;

        margin:0;

        padding:0;

}

3、在父级元素中增加一个overflow:hidden;---(注意：会增加下拉的一些场景，避免使用)

#div1{

        border:1px #000 solid;

        overflow:hidden;

}

4、父类添加一个伪类：after---(写法复杂，无副作用，推荐使用)

#div1:after{

       content:’’;

       display:block;

        clear:both;

}