盒子模型及定位和浮动

关于清除浮动：

1.概述：浮动只能一行显示，在开发中会有浮动但不是一行显示的情况。

• 上图的多个相同的状况一样都用li而是浮动不同行。
  解决方法：
  方法一：
  1.在要换行浮动的地方加入一个挡板。html代码如下：
  2.css代码：
  这样就能让它在第四个的地方换行浮动显示。此方法缺点是：破坏了列表结构。
  方法二：
  1.在要浮动的地方加一个clearfix。html代码如下：
  2.css代码：
  给clearfix的父级元素加一 个overflow属性。
  方法三：伪类元素也可以清楚浮动。