我尝试在父母中的div上添加margin-bottom,但它显示为父级的margin-top.为什么?
HTML:
<div id="wrapper"> <div id="content"> <div id="Box"></div> </div> </div>
CSS:
#wrapper{ border: 1px solid #F68004; } #content{ background-color: #0075CF; height: 100px; } #Box{ margin-bottom: 50px; }
我预期的
我得到的
更新:
I can fix this but i have no idea why that code not work? can someone explain?
更新2:
它看起来像大多数答案说,因为边缘崩溃,我的问题与this重复.但请注意,我设置边缘底部,但不是边缘顶部.我也读了关于收缩的利润率,我找不到任何规则说margin-bottom可以成为边际顶部.有谁能指出我吗