因浮动使得容器失去高度的解决方法

因为设置了左右浮动，造成了外容器高度失效或者边距失效。

可以按如下方法解决。

1、给容器添加css：overflow:hidden;

2、容器本身也予以浮动。

3、在容器内最后追加清除浮动代码

4、利用after伪类。

例如

clearfix{zoom:1}

一般情况下，如果父层内部有浮动(float)可能导致父层的高度为0，加上clearfix后就行了：

 

      left
    

    

      right
    

好文要顶