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