Question

我为我的网站创建了标题，导航栏和页脚。这两者之间有一个空格，当我尝试添加内容时，它会出现在隐藏在导航栏下方的标题下方。我使用标签作为内容。

感谢您的帮助，如果您这样做。

以下是代码。

<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;
}

Answer 1

尝试添加样式

<article style="margin:20px">

Answer 2

首先，它是：

<nav>
  <ul>
    <li><a href="#">ABC</a></li>
    <li><a href="#">ABC</a></li>
    <li><a href="#">ABC</a></li>
  </ul>
</nav>

第二：你需要为不同的内容创建容器（div）。因此，如果您需要将内容放在导航栏下，您可以这样做：

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

*我没有包括任何造型（还）

如何在CSS / HTML中将文本/内容放在Navbar下面

2 个答案: