说说浮动吧

浮动的定义是元素脱离文档流

浮动的作用：

①多栏布局：让元素浮动到左侧或者右侧，可以形成左侧导航栏或者右侧导航栏

②图片环绕效果

③浮动菜单或者浮动广告

浮动属性设置：float:left;float:right;float:none;（默认值）float:inherit;

浮动带来的问题：父元素高度塌陷（没有子元素支撑导致高度塌陷）、浮动下沉（浮动的元素可能会覆盖下方的非浮动元素）、布局兼容性

清除浮动：

①clear属性：在浮动元素的下方添加一个空元素，并给元素设置chear： both；

②使用bfc：给父元素添加overflow：hidden；、position：absolute；、display：table；

③添加伪元素：使用：after伪元素，并设置clear：both；（推荐）