为了账号安全,请及时绑定邮箱和手机立即绑定

div的边距问题求助,为什么父div和子div的边距不显示

</head>

<style type="text/css">

#container{width: 1000px;

height: 500px;

background: red;}

#top{width: 500px;

height: 300px;

background: pink;}

#a{width: 10px;

height: 20px;

background: black;}

div{margin: 10px;}

</style>

    <body>

    <div id="container">

    <div id="top"></div>

    <div id="a"></div>

    </div>

    </body>

</html>


正在回答

4 回答

我试着没问题啊


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

我去自己试了一下,确实出现了这种问题,第一个子元素TOP的上边和父元素没有间距,我试着给父元素这只了一个padding属性,这回为TOP设置的margin属性就生效了。另外一楼的回答纯属扯淡,子元素绝对定位(添加position:absolute)后就脱离正常文档流了,后面一大堆的东西要改动,纯属坑人的。给父元素价格padding就行了。另附:当子元素为浮动元素时,不会有这种情况发生!

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

加个!important试试

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

因为在父元素中要添加“position:relative”,而在子元素中要添加“position:absolute”这样再间距就有显示了。

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

举报

0/150
提交
取消

div的边距问题求助,为什么父div和子div的边距不显示

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号