一、对自身的影响

当元素没有width或width为auto的时候,设置负值会让增加其自身宽度。

margin为负值的应用

注意:

margin-right也会增加宽度。

margin-top为负值不会增加高度,只会产生向上位移。
margin-bottom为负值不会产生位移,会减少自身的供css读取的高度,显示正常。


二、对文档流的影响

不会破坏文档流,后面的元素会紧贴补位。margin为负值的应用



三、浮动元素的影响

margin为负值的应用

margin为负值的应用

可以直接改变浮动元素的位置。是双飞翼、圣杯布局(左右固定、中间自适应)的基础。

三个向左float的div,第一个满了一行,第二个margin全负(margin-left=-width)的时候,就会回到第一行显示。


四、对绝对定位的影响

一样。


五、双飞翼布局

margin为负值的应用


相关文章: