Question

希望你能看到问题是什么，我希望链接并排在一起并不是彼此之上？

请问你能看到JS Fiddle的问题：http://jsfiddle.net/pky7X/

感谢您的帮助

Answer 1

首先，您忘记了<ul></ul>

<style>
ul {
   list-style-type: none;
}
li {
   float: left;
   border: 1px solid #ff9900;
}
</style>

<ul>
   <li><a href="../">Home</a></li>
   <li><a href="../">About</a></li>
</ul>

Answer 2

首先：你的<ul>标签周围缺少<li>（不要认为这在HTML5中有效;之前不是这样）。第二：为什么甚至使用列表项，然后删除list-style并添加float？

直接使用<span>或<a> ...

<a href="./">Home</a><a href="./about">About</a>

...然后使用CSS设置他们的填充，样式，分隔符等。

Answer 3

删除<br />并将<li>标记放在<ul>内，如下所示：

<ul>
    <li><a href="../">Home</a></li>
    <li><a href="../">About</a></li>
</ul>

Answer 4

从CSS中删除margin: -35px 220px;并从HTML中删除<br />。

<li>问题，链接彼此叠加而不是并排</li>

4 个答案: