浮动布局与清除浮动

float

clear 属性指定一个元素是否必须移动(清除浮动后)到在它之前的浮动元素下面。clear 属性适用于浮动和非浮动元素。

clear 属性的取值常用的有：none、left（清除 float: left 的浮动）、right（清除 float: right 的浮动）、both

清除浮动的方式

1. 使用 clear
2. 父元素使用伪元素::after{content:"";display:block;clear:both}
3. 创建 BFC