如何让脱离文档流的元素重归父元素的怀抱？

我们在进行布局的时候，经常会用到float 属性， 比如float:left ,左浮动和float:right；右浮动

但是这个浮动设置好了之后，就会发现元素不受我的父元素控制了。就跑出去了。

Q：那父元素要怎样才能重获控制呢？

A：我们需要给父元素定义一个class，类名是什么并不重要，重要的是这个属性的内容。

比如我给父元素加上一个class名为 ，clearfix

那么我只需要写上：

.clearfix:after{ content:"";   display:block; clear:both }

只要设置这个属性就能实现，清除子元素的浮动效果了。