子div与父div可以设置边界,那为什么给子div设置上边距后,子div与父div没有作用啊,反倒父div有了上边距啊

来源:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

_十年

2016-05-12 08:11

    <div id="fu">
        <div id="zi">子div</div>
    </div>

#fu{  /*父div设置宽 高300px 背景红色 */
    width:300px;  
    height:300px;
    background:red;
}
#zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */
    background:green;
}

写回答 关注

3回答

  • 大雄012345
    2016-05-14 22:05:32

    为fuID选择器加上border,看的会清楚一些

    #fu{

    width:300px;

    height:300px:

    background:red:

    border:20px solid blue;

    }

    _十年 回复大雄0123...

    在设置margin-top:30px; 的时候,加上border之后会有margin,换用background就没有margin

    2016-05-15 20:52:38

    共 3 条回复 >

  • 小王子13
    2016-05-12 09:12:59

    #fu{  /*父div设置宽 高300px 背景红色 */

        width:300px;  

        height:300px;

        background:red; 

        position:relative;

    }

    #zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */

        background:green;

        position:absolute;

    }




  • qq_花季契约_03196782
    2016-05-12 08:51:31

    加一句就好

    #zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */

        background:green;

        position:absolute;

    }


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题