10.margin塌陷

1. 标准文档流中，竖直方向margin不叠加，以较大的为准。不在标准流或水平方向，没有塌陷现象。

   <p class="p1"></p>
   <p class="p2"></p>
   p1设置了margin-bottom,同时p2设置了margin-top,两者之间的margin不是叠加，以较大值为准

2. 盒子居中（标准文档流）

   margin-left:auto;//尽可能往右去
   margin-right:auto;//尽可能往左去
   两个都写居中
   margin: 0 auto;//上下为0px 左右auto,即居中。此时盒子必须有具体width数值
   居中的是盒子不是文本，文本居中用text-align：center;//left;right;

3. 善用父亲padding，而不是儿子margin

   父盒子没有设置border，子盒子设置margin-top会使子/父盒子一起向下。margin本质描述的是兄弟之间的距离而不是父子之间

4. CSS中任何文本都有行高，line-height.首行缩进:text-indent:2em;
   
5. margin的IE6兼容问题

   当连续浮动方向和margin方向相同时，ie6中第一个margin会为双倍值。
   float:left;
   margin-left:10px;
   第一种解决方案是把方向调为相反，第二种是为第一个浮动设置一个单独的margin,值减半_margin-left:5px;

6. 3px bug

   子盒子在父盒子中，用margin-left/margin-right时，ie6的值会加上3个盒子。
   解决方案是不要用margin,用padding