为什么要清除浮动，什么时候清除浮动，怎样清除浮动？

为什么要清除浮动，什么时候该清除浮动:

情况一 : 当容器的高度未定，且容器内有浮动的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外而影响布局。此时应该清除浮动。

情况二 :  当浮动元素应占据的位置被未浮动元素占据，从而影响布局的情况下，应该清楚浮动元素的浮动，使其占据应有位置。

情况三 :  元素浮动后，就不在整个文档流的管辖范围了，那么它之前所存在的父容器的空间就不存在了，而此时父元素就会认为自己里面没有任何内容，于是，父容器则没有高度，从而影响页面布局。(同情况一)

 

如何清除浮动？

别着急，现在企业里面采用的清除浮动方法综合法，又名内墙法2.0

.元素的类名 :after{

                content:”.”;

                display:block;

                clear:both;

                height:0;

                overflow:hidden;

                visibility:hidden;

               }

 

给浮动塌陷的盒子添加一个：after伪类

 

这种方法在各个大型项目上都有出现过，可谓清除浮动的万金油呀！