关于外边距,清除浮动

1、外边距重叠

外边距重叠是指两个元素上下毗邻且都定义了不为0的外边距值，同时又没有任何内边距，边框，那么这两个元素之间的距离将会小于二者外边距之和，因此两个都带有20px外边距的块并不会显示出40px的缝隙；解决之道：设置1px内边距 或者设置边框。

2.IE 6浮动外边距变大

我在做网页的时候，遇到了此种问题，就是除IE 6都正常显示，可是在IE 6中就没有浮动的效果，最后发现是相邻块之间均有margin，IE 6解析的时候会把margin的值变大，很可能导致大于父容器的大小，就浮动异常了 解决实例：

.content .center{
    margin-right:10px;
    float:left;
    width:630px;
    padding:10px 10px 20px 10px;
    margin-bottom:15px;
    }
*html .content .center{//专门为IE 6 写的代码
   width:590px;
   float:left;
   margin:0px;
   padding:0px;
   padding-bottom:20px;
   }

         3.清除浮动

用CSS 用clear：both;就使父容器显示正常高度，但是如果一不小心，对浮动元素使用了绝对定位，那么绝对定位的元素就不在正常流之内了，就不会出现高度自如的效果了，

新手谨记，我犯过两三次此类错误，纠结了好久。

 <div class="clear"></div>
//CSS
 .clear{
    clear: both;
}