如何使一個div在css下方出現在其他下方

-1

<div id="header"> 
<>.....<> 
    <div id="Menu" style="background-color: #662900; font-size: 20px; height: auto; width: 100%; word-spacing: 50px; position: absolute; float: left">

我希望在頁眉div正下方顯示div id-menu。如何使一個div在css下方出現在其他下方

來源

2013-12-19 curiousDev

你的意思是不應該有頁眉和您的DIV之間的空間？ – Ranveer

你可以**圖形表示**你想實現什麼？ – theBeacon

你的菜單div是否在你的header div裏面？ –

您可以在您的css中添加margin: 0以顯示在下方。在您的代碼中，您忘記關閉標題div，所以div菜單位於標題div內

來源

2013-12-19 06:58:50 arturataide

請參閱此DEMO。

由於您有absolute菜單，我的建議是使用relative標題。

HTML

<div id="header"> 
    <>.....<> 
    <div id="Menu" style=""> 
      Menu 
    </div>

CSS

#header{position:relative} 
#Menu{background-color: #662900; font-size: 20px; height: auto; width: 100%; word-spacing: 50px; position: absolute; float: left}

來源

2013-12-19 07:01:54 NoobEditor

#menu{ 
position: absolute; 
right:0; 
}

來源

2013-12-19 07:02:00

當你給絕對位置你的菜單DIV，你需要指定與

top: _enter here your header height 
left:0px;

那個位置

來源

2013-12-19 07:02:23

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<style media="all"> 
#header { 
    display: block; 
} 
</style> 
</head> 
<body> 
    <div id="header"> 
    Header</div> 
    <div id="Menu" style="background-color: #662900; font-size: 20px; height: auto; width: 100%; word-spacing: 50px; position: absolute; float: left"> Menu 
</div> 
</body> 
</html>

Demo Here

來源

2013-12-19 07:06:39

如何使一個div在css下方出現在其他下方

回答

相關問題