相邻元素的 margin-top重叠问题

来源:互联网 发布:网络舆情监控论文 编辑:程序博客网 时间:2024/05/17 08:11

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

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

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

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


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

解决方案:因为  火狐下margin有个bug,子元素margin-top会影响它的父级。然后解决方法就是给父级元素加overflow-hidden(超出隐藏)

0 0
原创粉丝点击