清除浮动，定位

定位

clear

.box{
   width:100px;
   height:100px;
   background-color:red;
   clear:left;}

---

清除左浮动

.box{
    width:100px;
    height:100px;
    background-color:red;
    clear:right;}

---

清除右浮动

both 可以清除对它影响最大的浮动
可以解决高度塌陷

   .clearfix:after
   .clearfix:after{
   content:' ';
   display:hidden;
   clear:both;}

谁塌陷就加上clearfix

position:relative（相对定位）

相对定位的特点：如果开启之后，不设置变义量的时候，元素是不会发生任何变化,如果开启 了元素定位的时候，就可以设置上下左右
为一个元素定位，使用两个偏移量，一般选用水平方向的偏移量和垂直方向的偏移量
相对定位是相对于本身的定位来定位

position:absolute（绝对定位)

绝对定位的特点：如果开启了绝对定位，会使元素脱离文档流

绝对定位是相对于开启了定位的父亲，如果谁都没开启定位就相对于
固定定位的特点：如果开启固定定位，也会脱离文档流，不设置偏移量的话，默认位置不会发生变化
不同点：固定定位相对于浏览器窗口定位（IE6不支持固定定位）