CSS： <li> 并排？

Question

我正在尝试使用CSS创建一个下拉菜单。

唯一的区别是，我需要在一个下拉菜单中并排放置两行不同的子菜单。

为了解释这一点，我附上了一张图片，以便您可以了解我的意思：

有人可以为此提供建议吗？

Answer 1

因此，您需要并排放置2个不同的列。 这可以通过以下方式完成：将左侧的列浮动，然后在右侧的列中留出一个左边距。

 .col-left{ width:200px; float:left; border:1px solid red; } .col-right{ margin-left: 200px; width:200px; border:1px solid blue; } 

  <div class="col-left"> <ul class="list"> <li>first row</li> <li>second row</li> <li>third row</li> </ul> </div> <div class="col-right"> <ul class="list"> <li>first row</li> <li>second row</li> <li>third row</li> </ul> </div>