如何在css中使一个div显示在另一个div的下方 ....._Css_Html

如何在css中使一个div显示在另一个div的下方 .....

css html

如何在css中使一个div显示在另一个div的下方 .....,css,html,Css,Html,我希望div id菜单显示在标题div的正下方。您可以在css中添加边距：0，使其显示在标题div的正下方。在您的代码中，您忘记关闭header div，因此div菜单位于header div中，请参见此由于您有absolute菜单，我的建议是使用relative标题 HTML <div id="header"> <>.....<> <div id="Menu" style="background-color: #662900; font-si

我希望div id菜单显示在标题div的正下方。

您可以在css中添加

边距：0

，使其显示在标题div的正下方。在您的代码中，您忘记关闭header div，因此div菜单位于header div中，请参见此

由于您有

absolute

菜单，我的建议是使用

relative

标题

HTML

<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指定绝对位置时，需要使用

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


#标题{
显示：块；
}
标题
菜单

您的意思是页眉和div之间不应该有任何空格吗？您是否可以用图形表示您想要实现的目标？您的菜单div是否在页眉div中？为了能够更好地帮助您，如果您回答了评论中的问题就更好了。此外，如果你能更好地描述你的问题，并举例说明什么不起作用，以及你希望它如何起作用，这会更容易。

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

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

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

<!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>