【问题标题】:Wordpress horizontal scrolling bugWordpress 水平滚动错误
【发布时间】:2014-03-14 19:33:00
【问题描述】:

我买了这个主题,我定制了它,编辑了一些代码,现在显然我可以水平滚动很多。我已经向主题所有者开了一张票,但可能需要超过 24 小时,而我没有这 24 小时。

This is the website. 尝试向右滚动。

我尝试将 width: 100% 添加到不同的 div 但没有成功。

谢谢

【问题讨论】:

  • 很抱歉您购买了损坏的代码,但是当您来这里发布问题时,请准备好遵循指南。不要只发布一个链接,因为一旦你解决了你的问题,这个问题对未来的读者来说就变得毫无用处了。在问题中发布相关代码。请看sscce.org
  • 一旦您了解了如何使用浏览器内置的 DOM 检查工具,就可以轻松追踪此类问题。
  • 你好@Sparky。我很抱歉我发布问题的方式。我有点忙不过来。此外,我不知道要在此处粘贴哪一行 CSS,并且粘贴整个 CSS 会太多。我现在正在查看 sscce.org。谢谢

标签: css wordpress horizontal-scrolling


【解决方案1】:
  1. 打开您的 superspeed.ro #3 .css 文件,第 71 行#content-wrap) .禁用(添加 /* padding: 0 40px 40px; */ )或行。

content-wrap{填充:0 40px 40px;}

  1. 打开您的 layout.css?ver=1.72 .css 文件,第 10 行.container) .禁用(添加 /* width: 960px; */ )或删除行。

【讨论】:

  • 您好,感谢您的回答,我应用了您所说的,它已经解决了最初的错误,但导致了一个次要的错误。每个页面的内容都在 .container 中。通过删除他的 960 像素宽度,margin: 0 auto;无法再将内容居中对齐。我尝试添加 width: 100% 但没有奏效。如何使内容居中的任何解决方案?谢谢
  • 没关系,我已经修好了 :) 以下是修复的内容:#content-wrap .container, #teaser .container { width: 960px;我会将此标记为正确答案!谢谢
【解决方案2】:

这不是 WordPress 的错误,而是样式表/CSS 的错误。

 #content-wrap {
      padding: 0px 40px 40px 40px;
 }

如果你删除它,你可以看到,水平滚动将被禁用。您的 #content-wraphtml/body更多宽度

【讨论】:

    【解决方案3】:

    有两个因素导致它:

    .nav_wrap 有一个 margin-left840px —— 这导致了一些问题。

    另一个是由#content-wrap上的40px填充引起的

    【讨论】:

      猜你喜欢
      • 2012-06-27
      • 1970-01-01
      • 2015-09-08
      • 1970-01-01
      • 2015-11-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多