Question

我在设计几个不同的列表时遇到了麻烦。我正在为我的父亲设计和开发一个网站，我的第一个列表就是导航，我希望在标题下方显示内联。第二个列表位于旁边，显示在右侧。当我添加第二个列表时，导航列表停止显示内联并且仅垂直显示。无论我做什么，我都无法让它发挥作用。请帮帮我。

Answer 1

尝试将列表包装在单独的div中。

<!DOCTYPE html>
<html>
<body>
<div>
<nav>
<a href="/Nav 1/">Nav 1</a> |
<a href="/Nav 2/">Nav 2</a> |
<a href="/Nav 3/">Nav 3</a> |
<a href="/Nav 4/">Nav 4</a>
</nav>
</div>
<div style="float:right;">
<ul>
  <li>right 1</li>
  <li>right 2</li>
  <li>right 3</li>
</ul>
</div>
</body>
</html>

多列表样式

1 个答案: