【问题标题】: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 以解决此问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-12-04
  • 2020-12-18
  • 2021-05-06
  • 2015-09-30
  • 2011-01-26
  • 2020-07-10
  • 1970-01-01
相关资源
最近更新 更多