Css嵌套DIV,内层DIV设置margin-top失效的解决办法(转)

问题:在使用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类型)

原文地址:div嵌套引起的margin-top不起作用

               IE中的hasLayout介绍

posted @ 2014-04-24 23:39  Thirty  阅读(563)  评论(0编辑  收藏  举报