Question

我有一个菜单，当它在移动设备时成为一个下拉菜单，当它是桌面时浮动，因此我的所有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>

我的问题是如何才能制作出来＆＃34; float＆＃34;在我的下拉菜单中向下，这样他们的顺序是正确的？或者，在桌面模式下更改他们的行为方式会更好吗？

Answer 1

您可能希望它们以正确的顺序开始，然后使用display:inline-block将它们全部放在一行用于桌面。

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

浮动多个div

1 个答案: