html - 现场动态调整固定菜单的大小

Question

这里的目标是让二级固定风味菜单随主要内容动态调整大小。

该站点的大小最大为 1086 像素，宽度最小为 960 像素。

二级菜单需要调整相同的大小。我已经尝试了多种方法，但还没有探索 JS 解决方案。我不知道我什至会在这一点上开始。

这是网站：

https://devtest.eboost.com/

我目前将菜单设置为 960px 宽度并居中。

谢谢，

乔治

Answer 1

只需将链接的宽度设置为 width: 20%; 这应该将 5 分成 20% 或任何您设置的包装器。

        a {
          display: block;
          float: left;
          width: 20%;
        }

还要查看边界框以处理我预计您接下来会遇到的填充问题。