热搜:NVER node 开发 php

HTML中的嵌套的div,子DIV设置的margin样式怎么变成父DIV的样式了_html/css_WEB-ITnose

2024-11-24 20:25:01
HTML中的嵌套的div,子DIV设置的margin样式怎么变成父DIV的样式了_html/css_WEB-ITnose

nbsp;HTML>


定位布局












回复讨论(解决方案)

有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div

u013472677:有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div


为什么呢?感觉就像Bug一样啊

垂直外边距合并问题,建议你看看 http://www.w3school.com.cn/css/css_margin_collapsing.asp
常用解决方法无非是
1.设置父元素的padding-top或者bottom(记得设置padding后要重新计算父元素的高度).
2.给父元素添加属性overflow:hidden
其余还有一些方法不过限制条件有些多, 乱用可能造成更多页面bug,让你疯掉.