<ul> <li> 末尾不需要的水平滚动空间答案

【问题标题】：Unwanted Horizontal Scrolling space at end of <ul> <li><ul> <li> 末尾不需要的水平滚动空间
【发布时间】：2012-09-02 18:03:13
【问题描述】：

我无法在我的无序列表末尾摆脱这个不需要的水平滚动空间我遵循了一些教程，但没有产生任何结果。有什么想法可能是错的吗？

_{（来源：goawaymom.com）}

点击图片查看问题

如果有人知道出了什么问题，请提前感谢！

【问题讨论】：

是的，它不会出现在所有屏幕分辨率上，但大多数情况下，当放大一点点时，水平滚动条就会出现。
我发布了一个新的屏幕截图以更好地说明问题 jo8691

标签： css html whitespace horizontal-scrolling

【解决方案1】：

.megamenu > li {
    -moz-transition: background-color 0.4s ease-out 0s;
    border: medium none;
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0 0 13px;
}

我不确定这是否是您的问题/问题.. 但我将填充更改为 13 像素而不是 68。为我修复了它

【讨论】：

谢谢，但这并不能修复列表右侧的水平空白。
我不确定我明白你在问什么......你想让“HOME”按钮在左侧没有任何空间？
不，我希望所有列表项均匀居中。但是，当屏幕分辨率稍微放大时，会出现水平滚动空间。如果您的屏幕较大，您可能不会注意到这个问题。
我发布了一个新的屏幕截图以更好地说明问题
如果我删除 'width: 1280px;'在您的 .body 类中，水平滚动条消失了。当然，然后按钮没有对齐，因此您可以在 .megamenu 类中将字体大小更改为 0.8em 以解决此问题。