Question

这是我的第一篇文章，我希望有人可以帮助我解决我认为可能是一个非常简单的问题。

作为免责声明，我在网站和其他网站上尝试了很多建议，但似乎无法确定。

我有一个菜单，我需要填充宽度为1080px的容器/页面。我尝试过宽度＆＃39; ＆＃39;显示＆＃39; ＆＃39;填充＆＃39;和各种其他项目，只是无法搞清楚。

在我展示代码之前，让我解释一件事。这是一个WordPress站点，但我正在运行一个插件，允许它更像页面构建器运行，以简化设计。此页面构建器插件是自定义CSS驻留在此菜单中的位置，它需要运行此插件以维护站点功能。它也不能真正允许我访问此特定元素的HTML，因此这不是一个可行的选项。 CSS需要是解决方案的位置。我希望这是有道理的。

我认为问题在于菜单的边框，这是下面的代码所引用的。

菜单位于此页面上： WeAreOneBodyRadio.org

（如果您尝试该页面上的其他链接，您将获得在另一个平台上设计不同的不同页面。最好留在此页面上。）

CSS：

div[data-style='horizontal'] ul.menu > li.menu-item > a, div[data-style='vertical'] ul.menu > li.menu-item > a {
    border: 1px solid #D7AA70;
    border-radius: 0px;
    width: auto;
    padding: 5px 23px;
    white-space: nowrap;
    display: inline-block;
}

这实际上源于一个更大的问题，即填充最初设置为完全填充宽度，但随后在此页面的移动视图（不是移动版本，只是整页的移动视图）它推动宽度超过1080像素，大约0.700像素，并强制菜单为两行。

所以我想我会缩短菜单，尝试填写宽度，而不是试图缩小。

请提出任何问题并提出任何建议。我不是CSS专家。我依靠在这个伟大网站这样的地方找到的帮助。我也不懂JavaScript / JQuery。但是，如果这是唯一的答案，我会找到一种方法使其发挥作用。

提前致谢。和平。

需要菜单才能适应100％的容器宽度

0 个答案: