如何在不考虑元素高度的情况下浮动元素

Question

我有一个包含ul和li的菜单。

如何向左或向右浮动ul，但不依赖于之前的元素高度。

屏幕截图：

例如，男士鞋子不在正确的位置。

Answer 1

我猜你正在寻找更像http://masonry.desandro.com/的东西。 Float实际上不会给你带来同样的效果。

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>