javascript - 向下 float 多个div

Question

我有一个菜单，在移动设备上变成下拉菜单，在桌面上 float ，因此我所有的 div 的顺序都颠倒了，否则右浮动将不起作用

      <div class="menu active">
        <div class="dropdown-content">
          <div class="menu-item whitelist">
            <a href="#">Join Whitelist</a>
          </div>
          <div class="menu-item">
            <a href="#">FAQ</a>
          </div>
          <div class="menu-item">
            <a href="#">Team</a>
          </div>
          <div class="menu-item">
            <a href="#">Token</a>
          </div>
          <div class="menu-item">
            <a href="#">About</a>
          </div>
        </div>
        <div class="dropdown-btn">
          <a class="dropdown" href="javascript:void(0)">&#9776;</a>
        </div>
      </div>

我的问题是如何让下拉菜单中的 then 向下“ float ”，以便它们的顺序正确？还是改变它们在桌面模式下的行为方式更好？

Answer 1

您可能希望它们以正确的顺序开始，然后使用 display:inline-block 让它们在桌面上排在一行上。

如果没有看到任何 CSS 或设计，很难判断，但这听起来很合理。