码迷,mamicode.com
首页 > Web开发 > 详细

css 水平margin与竖直margin

时间:2016-10-07 13:50:54      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

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参数为负数,可以将子块从父块中“分离”出来。

css 水平margin与竖直margin

标签:

原文地址:http://www.cnblogs.com/ColdHan/p/5935687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!