清除元素浮动有多种方法,通常会使用到clear属性。
如果是清除浮动元素对兄弟级元素的影响,则在浮动元素之后的第一个兄弟级元素上设置clear属性即可。
如果是清除浮动元素对父级元素的影响,则有多种方法,比较常见的方式有两种,一种是在父级元素当中添加一个空标签,然后为空标签设置clear: both; ;另一种方法是为父级元素添加伪元素,用伪元素清除浮动,例如:
言成科技
合作伙伴
HTML5学堂(码匠)
更多清除浮动的方法,可以查看文章《如何清除元素的浮动》
其实究其原因,就两种原理清除与闭合,可以看下我写的这个思路可能会清楚一点https://juejin.im/post/5c5027c26fb9a049f912fa10