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参数为负数,可以将子块从父块中“分离”出来。
时间: 2024-10-22 02:10:58