子DIV設置了外邊距為啥父級也跟著下移了

tags:    時間:2013-12-11 21:30:40
子DIV設置了外邊距為什麼父級也跟著下移了
css代碼如下
#header-div{
height:80px;
background-color:#c0c0c0;
}
#logo-div{
height:50px;
width:200px;
margin-left:120px;
margin-top:10px;
background-color:#400040;
html代碼
<div id="header-div">
   <div id="logo-div">
   <img src="" alt="" />
   </div>
</div>

------解決方案--------------------
子的margin效果 直接作用到了父身上

------解決方案--------------------
話說,這就是外邊距疊加的問題嘛,可以搜搜看;

外邊距疊加只會出現在兩個塊級元素之間,並且父元素不能有padding或者border才會出現疊加呢。
浮動的元素不會出現外邊距疊加。

這裡,你給父元素加個border,或者加個padding也可以解決你說的問題的。

稍微整理過一次margin的問題,可以參考一下啊:http://blog.csdn.net/zyl_lyr1019/article/details/14215355

推薦閱讀文章

Bookmark the permalink ,來源:互聯網