【CSS】清除浮动

写三个盒子，如果没有浮动，三个盒子会自上而下排列；

如果三个盒子添加浮动，父元素（border:solid）不会随子元素盒子自适应。

三个盒子无浮动

添加浮动，父元素不自适应

---

清除浮动：

方法一

新添加一个盒子，{clear：both}

方法二：

父元素：overflow:hidden

方法三：添加伪类

  #main:after{ content: ""; clear: both; display: table; }