css 水平margin与竖直margin

1.当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right 加上第二个元素的margin-left

2.而两个块级元素之间的距离不是margin-bottom与margin-top的总和，而是两者中的较大者。这个现象称为margin的“塌陷”现象，意思是说较小的margin塌陷到了较大的margin中。

3.嵌套盒子之间的margin：子块的margin将以父块的content为参考。即实际距离为 子margin +父padding。

IE与Firefox 在细节上有区别。倘若设定了父元素的高度height值，如果此时子元素的高度超过了该height值，二者的显示结果完全不同。此时IE浏览器会自动扩大，保持子元素的margin-bottom的空间以及父元素的padding-bottom。而Firefox则不会，它会保证父元素的height高度的完全吻合，而这时子元素将超过父元素的范围。

4.margin值可以设置为负值。当块之间的是父子关系时，通过设置子快的margin参数为负数，可以将子块从父块中“分离”出来。

转载于:https://www.cnblogs.com/ColdHan/p/5935687.html