如何並排定位嵌套列表？

我的小提琴：https://jsfiddle.net/a1g49g2t/7/如何並排定位嵌套列表？

我想OL和UL項目是彼此相鄰。這可能嗎？

結構：

<ol class="level1"> 
    <li>item1</li> 
    <li>item1</li> 
    <li>item1</li> 
    <li>item1</li> 
    <li> 
    <ul class="level2"> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li> 
     <ul class="level3"> 
      <li>item3</li> 
      <li>item3</li> 
      <li>item3</li> 
      <li>item3</li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
</ol>

來源

2016-09-20 Maarten Wolfsen

首先，確保關閉所有標籤，ol不接近。彼此相鄰是什麼意思？你不想要縮進嗎？你嘗試加入left：0;像李在這裏https://jsfiddle.net/a1g49g2t/2/？ –

@BrunoLandowski我想要的是，ul和ol標籤水平地浮在彼此旁邊。 –

我可以使用浮動工作。 –

ol ul { 
    position: absolute; 
    left: 200px; 
    top: 0; 
    background: #aaa; 
}

Demo

注意，頂級列表可能相對更容易頁面佈局定位。只要它沒有保留在默認設置（static）就沒關係。

來源

2016-09-20 14:45:57 isherwood

如何並排定位嵌套列表？

回答

相關問題