上邊距內部沒有DIV

CSS

#content { 
    background: url('../images/bg.jpg') no-repeat left; 
    width: 100%; 
    height: 811px; 
} 
#welcome { 
    background: #fff; 
    width: 600px; 
    height: 50px; 
    color: #000; 
    margin-top: 200px; 
}

HTML

<div id="content"> 
    <div id="welcome"> 
     this is welcome 
    </div> 
</div>

保證金移動父格，內部沒有一個。我也試圖給父母div，填充同樣的東西。怎麼解決？

來源

2013-05-14 Marker

可能[Margin-Top push outer div down]的副本（http://stackoverflow.com/questi ons/2680478/margin-top-push-outer-div-down） – nalply

添加一個float元素，例如'float：left;' – meda

這是崩潰邊距的經典示例...請參閱發佈者@nalply –

嘗試溢出：auto;

#content{ 
background:url('../images/bg.jpg') no-repeat left; 
width:100%; 
height:811px; 
overflow:auto; 
} 
#welcome { 
background:#fff; 
width:600px; 
height:50px; 
color:#000; 
margin-top:200px; 
}

來源

2013-05-14 19:46:17

嘗試加入overflow:hidden;父

#content{ 
    background:url('../images/bg.jpg') no-repeat left; 
    width:100%; 
    height:811px; 
    overflow:hidden; 
    border: 1px solid; /*remove*/ 
} 
#welcome { 
    border: 1px solid; /*remove*/ 
    background:#fff; 
    width:600px; 
    height:50px; 
    color:#000; 
    margin-top:200px; 
}

在這裏你有例子：

http://jsfiddle.net/JmBj9/

（我加了邊框，所以你可以看到它）

來源

2013-05-14 20:01:10 MCSI

上邊距內部沒有DIV

回答

相關問題