                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

    <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;
}

_十年

2016-05-12

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

2737

操作

收起

3 回答

大雄012345
2016-05-14

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

#fu{

width:300px;

height:300px:

background:red:

border:20px solid blue;

}

0 回复有任何疑惑可以回复我~

#1

_十年提问者

加上border之后会有margin，换用background就没有margin

2016-05-14 回复有任何疑惑可以回复我~

#2

大雄012345 回复 _十年提问者

margin是要自己设置大小的，不设置的话是没有的

2016-05-15 回复有任何疑惑可以回复我~

#3

_十年提问者回复大雄012345

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

2016-05-15 回复有任何疑惑可以回复我~

小王子13
2016-05-12

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

width:300px;

height:300px;

background:red;

position:relative;

}

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

background:green;

position:absolute;

}

0 回复有任何疑惑可以回复我~

qq_花季契约_03196782
2016-05-12

加一句就好

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

background:green;

position:absolute;

}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

本课相似问答

3 回答div设置宽度后，为什么里面的元素会超出div的边界

7 回答这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？

3 回答问题不是说给div元素设置左边距吗，为什么不是margin-lift?

2 回答为p标签设置下边框，为什么要用到div

2 回答怎么设置两个div之间的距离

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载