margin重叠之父子元素

来源:互联网 发布:之乎不潮流只先锋 编辑:程序博客网 时间:2024/05/21 22:26

margin重叠现象就是相邻的两个普通元素,上下边距不是普通的相加而是取其中较大的边距值(注意是普通元素)

同时,父子元素也会发生margin重叠现象,具体情况如下

1、两个div,父元素和子元素

2、分别定义其margin-top属性值,父元素为100px子元素为20px


3、结果如下,取了较大的父元素的margin-top值100px


0 0
原创粉丝点击