CSS浮动

div溢出

css轮廓：outline可选（dashed、dotted、solid、double、none）

css边框：border-left、border-right、border-top、border-bottom

可选solid、

盒子模型

width、height、border、margin、padding

简写：margin：上 右 下 左；

浏览器默认属性值1，属性值2写法box-sizing：border-box；

1.水平居中：text-align：center；

垂直居中：line-height：200px；当行高与div容器同样大小时，默认垂直居中

2.margin：0px auto；auto默认水平居中，前提是得设置width

定位机制：文档流和脱标流（float、position：absolute）

文档流的问题：空白折叠 高矮不齐，底边对齐 自动换行，一行写满，换行写

float的崩溃 ：父一级的块级元素高度发生了破坏

div未设置宽度，则继承上级元素宽度

div未设置高度，则与下级元素高度保持一致

包裹特性：

行级元素都会出现微溢出情况（基准线），可以将它设置为块级元素

vertical-align：bottom;

平级关系的元素才能让float起作用

出现文档空白区：

line-height：30px;设置行高

还可以使用em（一个字的距离）

line-height：2em;2个字符的行间距

清除浮动：

clear：both;可选left和right

只清除之前的浮动

加一个专门负责清除浮动的div

第三种方法（主流写法）：

#clearDiv：：after{
      content: "";
      visibility: hidden;#前两行默认写法
      height：0px；
      display：block;块状显示
      clear：both;
}

针对ie浏览器

#clearDiv{
  zoom：1;
}