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 浏览器下效果一致