Question

我无法将<ul><li>与现有导航对齐。更多选项浮动在第二个选项之上。如何使它们全部对齐？

代码：

<div id="nav">
<a href="#" id="option">name</a>
<ul id="test"> 

<li><a href="#" id="options1">Post</a> 
  <ul> 

    <li><a id="thestuff" href="#">Post Article</a></li> 
    <li><a id="thestuff" href="#">Post Book</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li> 
    <li><a id="thestuff" href="#">Post Other</a></li>
    <li><a id="thestuff" href="#">Post Other</a></li> 
  </ul>
   </li> 
  </ul>
  <a href="#" id="option">Article</a>
  <a href="#" id="option">Books</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  <a href="#" id="option">Other</a>
  </div>

CSS：

 #nav {
 margin-left: 230px;
 margin-top:-19px;
 }

 #option {
 margin-left:20px;
 }

我没有为thestuff标签使用任何东西。

Answer 1

对于您拥有多个元素的元素使用class。

根据定义，id必须是唯一的

如何将<ul>与现有菜单对齐？</ul>

1 个答案: