当前位置：首页 → 问答吧 → 子级div使用了margin-top，连父级div都应用到了？

子级div使用了margin-top，连父级div都应用到了？

时间：2011-10-21

来源：互联网

HTML code


<div class="qiandao">
            <div class="qd_circle">
                
            </div>
        </div>

CSS code


.qiandao {
    width:210px;
    height:267px;
    background:url(http://192.168.1.3/image/my_qd_bg.jpg) no-repeat;
}
.qd_circle {
    border:1px solid #d0ccc3;
    width:196px;
    height:35px;
    margin-top:6px;
    margin-left:5px;    
}

qd_circle用了margin-top,但是qiandao也被撑下来了，求解？

作者: phf0313 发布时间: 2011-10-21

恩如果父标签有边框的话在有些浏览器中直接把边框干断用padding 子标签用padding不方便那就用在父标签上，

作者: king_lyly 发布时间: 2011-10-21

你把父级DIV也加上边框测试，按你的代码，你子级使用margin-top，对父级是没有影响的。。。而你说的情况（父级与页面顶部之间的空白），是浏览器自带的body外边距形成的，你设置body的margin-top：0px;就能去掉上面的空白了...

作者: seven_tao 发布时间: 2011-10-21

引用 2 楼 seven_tao 的回复:

你把父级DIV也加上边框测试，按你的代码，你子级使用margin-top，对父级是没有影响的。。。而你说的情况（父级与页面顶部之间的空白），是浏览器自带的body外边距形成的，你设置body的margin-top：0px;就能去掉上面的空白了...

他说的不是这body margin：0的问题，子margin-top 用这个是有空白的，只是并不是所有浏览器都会出现 ie8也有的

作者: king_lyly 发布时间: 2011-10-21

子级div使用了margin-top，连父级div都应用到了？

热门阅读

热门下载