网页的float布局

浮动的作用

浮动可用于创建网页水平布局

设置了浮动的盒子会移动到父级元素的左边界或右边界。

对小型的布局同样有用。例如页面中的这个小区域。

如果我们在小头像图片上使用Float，当调整图片大小的时候，盒子里面的文字也将自动调整位置

清除Float

• 清除（clear）是浮动（float）的相关属性。

• 设置了清除Float的元素会忽视浮动向下移动。