margin 属性的相关问题

1.margin 的IE6 双边距问题

问题描述:浮动的块挨边框的时候会产生双倍的边距

解决方案:

1.增加display:inline;

2.去除float属性

2.margin 的重叠问题

CSS2.0规范:

1.水平边距永远不会重合

2.垂直边距可能在特定的框之间重合:

  * 常规流向中两个或多个块框相邻的垂直边距会重合。

     结果的边距宽度是相邻边距宽度中较大的值。如果出现负边距,则在最大的正边距中减去绝对值最大的负边距。如果没有正边距,则从零中减去绝对值最大的负边距。

    IE 6 下垂直不会重合(灰色父DIV有margin-top:10px;)

     

    chrome / IE8+ / FF 浏览器 垂直会重合(灰色父DIV有margin-top:10px;)

    

  * 在一个浮动框和其它框之间的垂直边距不重合。

  chrome / IE8+ / FF 浏览器

     

    IE6 下

    

    * “绝对定位的框”与“相对定位的框”边距不重合,IE6 / IE8 / Chrome / FF 浏览器下效果一致

    

  

 

原文地址:https://www.cnblogs.com/dongcheck/p/4447407.html