html页面中的导航问题

我在嵌套导航中加载li时遇到问题。这里是一个问题，假设我在父ul中有一个五元素（li）。若我点击任何元素（li），我可以在列表中看到30个子元素（ul li）。现在的问题是如何将它们分配为三行？ 结构如下。我试过把它们分成几行，但没有用

ul(parent)
li
li
li>ul(child)
li   li(1)        li(11)       li(21)  
li   li (2)       li(12)      li(22)
     .. (3)       ..       ..
     ..        ..       ..
    (10th li) (20th li)(30th li)

---

我不是百分之百地关注你的问题，但听起来你是在试图筑巢超过一层？如果你是

Simple只需在li标记中嵌套更多的ul元素

<ul>
   <li>1</li>
   <li>2</li>
   <li>
   3
   <ul>
     <li>3.1
       <ul>
         <li>3.1.1</li>
         <li>3.2.1</li>
       </ul>
     </li>
     <li>3.2
       <ul>
         <li>3.2.1</li>
         <li>3.2.2</li>
       </ul>
     </li>
     <li>3.3
       <ul>
         <li>3.3.2</li>
         <li></li>
       </ul>
     </li>
   </ul>
   </li>
   <li>4</li>
   <li>5</li>
 </ul> 

一,
二,

3.

3.1

3.1.1
3.2.1


3.2

3.2.1
3.2.2


3.3

3.3.2





四,
五,

。这是你想要的吗？基本上，您必须定义第二个

ul

的宽度，并浮动

li

。您的代码应该如下所示：

ul.primary {
position: relative;
}

ul ul { 
width: 400px;
position: absolute;
top:0; left: 0;
}

ul ul li {
float: left;
}

---

您使用了什么CSS？普通CSS，如在一个类中使用父组（ul和li），在另一个类中使用子组。您可以将您的孩子

ul

设置为一个特定的宽度，使其与3个

li

相邻。感谢您的回复。它不符合我的要求。就像一个父li所说的那样，它有30个子li，并且它们有3行显示（每个行包含10个li列表）。如果您希望在单击时发生这种情况，可以使用jQuery并分配单击事件。