讲讲浮动元素以及如何清除浮动？
浮动
浮动元素同时处于常规流内和流外的元素。其中块级元素认为浮动元素不存在，而浮动元素会影响行内元素的布局，浮动元素会通过影响行内元素间接影响了包含块的布局。
浮动引发的问题
浮动元素不能撑开父元素的高度，如果父元素没有设置高度，而子元素存在浮动元素的话，可能会出现高度塌陷的问题。
清除浮动的方法
-
直接设置父元素的高度 大部分情况下父元素的高度并不是固定的，而是希望由子元素的高度撑起。 使用BFC（此处可引申考察BFC相关内容） 使父元素成为一个BFC，由于BFC的特性，可以撑起浮动元素的高度，且和其他块互不影响 方式简单，但如果有内容要溢出显示(弹出菜单)，也被一同隐藏 添加新元素，应用clear:both 在父元素最后添加一个新的子元素，并设置clear:both 使用伪元素的方法::before ::after 同时使用clear:both （最推荐的方式） 注意点：伪元素默认为行内元素，需要设置display:block;height:0,content:
上一篇：
Java基础知识总结（2021版）