Superfish 菜单宽度加上中心对齐导致页面右侧溢出

【问题标题】：Superfish Menus width plus center align causes overflow off the right side of the pageSuperfish 菜单宽度加上中心对齐导致页面右侧溢出
【发布时间】：2014-08-22 22:43:31
【问题描述】：

我一直在与一位客户合作，为他们的牙科公司建立一个新网站。开发站点的链接在这里：http://virtualiellc.com/skd/

我最近注意到页面底部不应该有水平滚动条。如果您加载它，您现在可以在网站上看到它。在检查器中进行了一些挖掘，我发现顶部那个红色条中的 Superfish 菜单实际上占用的空间与其显示的空间不同，这是根据此处答案 8 的指导进行中心对齐的副作用：https://www.drupal.org/node/308523

这是一个小问题，但我仍然想解决这个问题。我可以对 CSS 做些什么来摆脱额外的挂起而不破坏菜单？

【问题讨论】：

标签： css drupal menu superfish

【解决方案1】：

我相信#superfish-3 元素的大小会导致溢出问题。尝试从 ul 和 li 中删除绝对定位定义以使其左对齐并添加一些左边距以使其看起来居中。

只需将这些定义添加到现有规则中

#superfish-3 {left:0; margin-left: 5em;} // skd.css line 173
#superfish-3 > li {left: 0;} // skd.css line 179

【讨论】：

呃，没有绝对定位定义？ .sf-menu 和 .sf-menu li 都使用相对的。导致问题的菜单是#superfish-3 菜单。
@Alex Jensen 你的职位：相对；左：50%；删除“左：50%；”并注意滚动条会消失
@Alex Jensen 我相信这是在 skd.css 文件的第 141 行。
强制菜单不再居中对齐。菜单必须居中对齐。
@Alex Jensen 正确，因为您不再推动菜单，所以它们留在左边。要解决对齐问题，请随意创建另一个问题或寻找使浮动元素居中的方法。