如何在CSS/HTML中将文本/内容放置在导航栏下方
我已经为我的网站创建了页眉、导航栏和页脚。在这两者之间有一个空格，当我尝试添加内容时，它显示在导航栏下隐藏的标题下方。我用标签表示内容 谢谢你的帮助，如果你这样做的话 下面是示例代码如何在CSS/HTML中将文本/内容放置在导航栏下方,html,css,Html,Css,我已经为我的网站创建了页眉、导航栏和页脚。在这两者之间有一个空格，当我尝试添加内容时，它显示在导航栏下隐藏的标题下方。我用标签表示内容 谢谢你的帮助，如果你这样做的话 下面是示例代码 <html> <body> <header> <?php include 'headfile.php'; echo $logo; ?> </header> <nav> <ul> <li><a href="#"&
<html>
<body>
<header>
<?php
include 'headfile.php';
echo $logo;
?>
</header>
<nav>
<ul>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
</ul></nav>
<article>
hello world.
</article>
<footer>
<ul>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
</ul>
</footer>
</body>
</html>
CSS Part
article {
background-color: #FFF;
text-align:justify
}
body {
background-color: #FFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
nav {
list-style: none;
width:auto;
}
CSS部分
文章{
背景色：#FFF；
文本对齐：对齐
}
身体{
背景色：#FFF；
左边距：0px；
边际上限：0px；
右边距：0px；
边缘底部：0px；
}
导航{
列表样式：无；
宽度：自动；
}
<article style="margin:20px">
<nav>
<ul>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
</ul>
</nav>
<html>
<body>
<header>
<?php
include 'headfile.php';
echo $logo;
?>
</header>
<nav id='nav-menu'>
<ul>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
<li><a href="#">ABC</a></li>
</ul>
</nav>
<div id='content-main' class='container'>
</div>
</body>
</html>
*我没有包括任何样式（尚未）您可以将您的代码放在这里或创建一个示例吗？如果您不向我们提供代码，我们将无法帮助您。请在此提供您的HTML结构上传一些代码将非常有用。您是否已固定导航栏的位置？是的，我已正确完成。但是我想告诉你，导航栏没有任何问题，但我需要将内容放在正确的位置。
nav