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

2013-01-02

子级div使用了margin-top，连父级div都应用到了？本帖最后由 phf0313 于 2011-10-21 12:27:24 编辑div clas

子级div使用了margin-top，连父级div都应用到了？
本帖最后由 phf0313 于 2011-10-21 12:27:24 编辑


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


.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也被撑下来了，求解？
[解决办法]
恩如果父标签有边框的话在有些浏览器中直接把边框干断用padding   子标签用padding不方便那就用在父标签上，
[解决办法]
你把父级DIV也加上边框测试，按你的代码，你子级使用margin-top，对父级是没有影响的。。。而你说的情况（父级与页面顶部之间的空白），是浏览器自带的body外边距形成的，你设置body的margin-top：0px;就能去掉上面的空白了...
[解决办法]
.qiandao {
    width:210px;
    height:267px;
    background:url(http://192.168.1.3/image/my_qd_bg.jpg) no-repeat;
overflow:hidden
}
.qd_circle {
    border:1px solid #d0ccc3;
    width:196px;
    height:35px;
    margin-top:6px;
    margin-left:5px;
}
[解决办法]
google 垂直边距叠加/压缩

热点排行

CSS

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