分類  >  WEB開發 >

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

tags:div,寬度,元素    時間:2013-12-02 12:05:54
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> 


------解決方案--------------------

父級元素沒有確切的寬度,不符合和模型的里的定義,雖然div的display默認是block。你可以設置一下寬度,這樣父級元素就不會跑了。


------解決方案--------------------

子的margin效果 直接作用到了父身上


推薦閱讀文章

Bookmark the permalink ,來源:互聯網