首页 > 代码库 > css 水平margin与竖直margin
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参数为负数,可以将子块从父块中“分离”出来。
css 水平margin与竖直margin
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。