Javascript 如何为选项卡应用浮动属性？

我设计了一个html标签。我对它应用了

float

属性。问题是当我最小化浏览器选项卡时，它们不正确可见。这是我的小提琴

javascript是从互联网上复制的，所以有人能告诉我们这个javascript是如何工作和应用float属性的吗？这对我真的很有帮助。 下面是javascript代码

`

`

看我的小提琴

nav ul
{
 width:100%;
}
nav ul li
{
 width:20%;
}
nav ul li a
{
  text-align: center;
  width:auto;
}

以百分比指定宽度。它会解决你的问题

更新的答案

---

来自nav和ul的Suppress

height: 28px;

加

你的ul元素。 这将阻止您的选项卡链接被取消。如果希望它们保持在一条直线上，则需要设置ul element min WITH属性，如下所示：

min-width: 800px;

---

这很好，但我希望当我最小化时，我希望选项卡一个接一个地位于下方。你需要使用媒体查询。谷歌its当屏幕变得太窄时，标签会被压扁，只需一个%@dandavis是的。它将保持设计良好的感觉意味着，链接应该像以前一样显示。不，当我最小化时，它会显示一个滚动条。它消失了float属性应用在css中，而不是js中

height: 28px;

overflow: auto;

min-width: 800px;