如何在不考慮元素高度的情況下浮動元素

Question

我有一個菜單，包括一些ul和li。

如何將ul向左或向右浮動，而不取決於先前的元素高度。

屏幕截圖：

例如男鞋放在不正確的地方。

Answer 1

我的猜測是您正在尋找更多類似http://masonry.desandro.com/的東西。 浮動實際上不會給您同樣的效果。

Answer 2

您必須像<div>類包裝每行的浮動元素。 像這樣：

<div class="row">
  <ul>
    <li></li>
    <li></li>
  </ul>
  <ul>
    <li></li>
    <li></li>
  </ul>
  <ul>
    <li></li>
    <li></li>
  </ul>
</div>

<div class="row">
  <ul>
    <li></li>
    <li></li>
  </ul>
  <ul>
    <li></li>
    <li></li>
  </ul>
  <ul>
    <li></li>
    <li></li>
  </ul>
</div>