问题:在使用DIV做嵌套的时候,(外层DIV暂且取名叫做OuterDIV,内层DIV暂且取名叫做InnerDIV),本来想使InnerDIV距离OuterDIV左边距50px,上边距50px,我是新人,自然想到使用margin-left and margin-top来设置,效果是margin-top并未起作用。
原因:DIV没有获得hasLayout
解决方案:
1. OuterDIV设置padding-top:50px
2. OuterDIV设置overflow:hidden;
3. OuterDIV设置与InnerDIV重合的border不为0 或者 padding不为0
4. 使用以下任一样式设置layout:
float: left/right;
position: absolute;
overflow: hidden/auto;
display: inline-block/table-cell(其他table类型)
原文地址: