<body>
<div class="logon">
<div class="log_bk">
</div>
</div>
</body>
body { margin:0 auto; padding:0px; background:#0A76B0;}
#logon{ background:url(../images/logon-bk.jpg) no-repeat left top;
height:865px; width:1251px;}
.log_bk{ background:url(../images/01.png) no-repeat left top; height:380px;
height:270px; margin:300px 0 180px 460px;}
因?yàn)楸尘笆菆D案所以要設(shè)置高度，我把#logon的背景定位在頂部也不行。
滿意回答 設(shè)置logon的padding: 1px
因?yàn)閘ogon和log_bk垂直方向的margin合并了，如果設(shè)置了logon的padding為1px就可以避免margin合并。
追問(wèn)
好了，剛才把padding值加到里面的div了，不過(guò)兩個(gè)div的margin值為什么會(huì)合并呢？
回答
恩，剛才我寫(xiě)錯(cuò)了，寫(xiě)成里面的了。。
這個(gè)是css標(biāo)準(zhǔn)規(guī)定的，垂直方向的margin會(huì)合并。
比如你有很多段落，margin是10px，其實(shí)第一段上面的margin和最后一段下面的margin是10px，且段與段之間的margin也是10px，css標(biāo)準(zhǔn)就是為了保持這個(gè)margin一致才規(guī)定垂直方向margin要合并。
margin合并時(shí)會(huì)取最大的那個(gè)margin，所以合并后logon的margin-top也成了300px了。