Question

我在嵌套导航中加载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)

Answer 1

我没有关注你100％的问题，但听起来你试图深入嵌套多个级别？如果你是..

简单地在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>

Answer 2

SEE THE DEMO。这是你想要的吗？基本上，您必须定义第二个ul的宽度并浮动您的li。您的代码应该是：

ul.primary {
position: relative;
}

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

ul ul li {
float: left;
}

html页面中的导航问题

2 个答案: