【问题标题】:Extra space on the left side of webpage网页左侧的额外空间
【发布时间】:2013-04-05 03:25:27
【问题描述】:

我正在开发一个新网站。 我在网站的右侧有一个额外的空间,我无法准确确定它是否来自。

我使用 CSSEdit 和 Firebug 来检查页面的 CSS,但没有帮助。我只能说,当我移除图像滑块时,这个间隙就会消失。但我还是不明白这个 div 中的什么导致了问题。

会是什么?

Link to the website

【问题讨论】:

  • 注意:Chrome 24 上没有差距。目前无法使用 Firefox 进行测试。
  • 对我来说可以用 Chromium 22 重现。
  • 在我的 chrome 中它的工作正常..

标签: html css


【解决方案1】:

在 flex-direction-nav (flexslider.css:54) 中,您设置以下样式:

.flex-direction-nav .flex-prev {
    left: -36px;
}

由于元素在最左边,这使得网站更大。移除 flexslider,将其放在更右侧,或更改/删除该(有问题的)CSS 规则。

【讨论】:

  • 非常感谢,就是这样。
【解决方案2】:

尽量隐藏溢出的内容

#site {
position: relative;
overflow-x: hidden;
}

它肯定会起作用

【讨论】:

    猜你喜欢
    • 2018-01-21
    • 2020-10-20
    • 1970-01-01
    • 2020-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多