我有一个菜单,在移动设备上变成下拉菜单,在桌面上 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)">☰</a>
</div>
</div>
我的问题是如何让下拉菜单中的 then 向下“ float ”,以便它们的顺序正确?还是改变它们在桌面模式下的行为方式更好?
最佳答案
您可能希望它们以正确的顺序开始,然后使用 display:inline-block
让它们在桌面上排在一行上。
如果没有看到任何 CSS 或设计,很难判断,但这听起来很合理。
关于javascript - 向下 float 多个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48231557/