日期:2014-05-17  浏览次数:20654 次

子级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 垂直边距叠加/压缩