首頁 > web前端 > html教學 > HTML中的嵌套的div,子DIV设置的margin样式怎么变成父DIV的样式了_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 12:02:22
原創
1107 人瀏覽過

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,让你疯掉.

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板