clear清除浮动
浮动的影响
浮动的元素脱离文档流
浮动元素后面的兄弟元素就会占据原先它的位置
其父元素感知不到他的存在,撑不开父元素.
解决方法
- 在浮动元素后加一个块元素div2,添加clear:both属性,div2会清除div1浮动的影响,div2后面的元素和父元素也不会受到浮动的影响了
.clearfix::after{
content:'';
clear:both;
display:block;
}
这个类要加到浮动元素的父元素上,因为after这个伪元素是放到所有子元素的最后的.
我大儿子浮动了,我就生个小儿子排行老末,让小儿子清除浮动.