clear清除浮动

浮动的影响

浮动的元素脱离文档流

浮动元素后面的兄弟元素就会占据原先它的位置

其父元素感知不到他的存在,撑不开父元素.

解决方法

1. 在浮动元素后加一个块元素div2,添加clear:both属性,div2会清除div1浮动的影响,div2后面的元素和父元素也不会受到浮动的影响了

.clearfix::after{
    content:'';
    clear:both;
    display:block;
}
这个类要加到浮动元素的父元素上,因为after这个伪元素是放到所有子元素的最后的.
我大儿子浮动了,我就生个小儿子排行老末,让小儿子清除浮动.