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