WordPress 主题上的水平滚动仅在 Firefox 上答案

【问题标题】：Horizontal scroll on WordPress theme only on firefoxWordPress 主题上的水平滚动仅在 Firefox 上
【发布时间】：2019-01-17 09:32:42
【问题描述】：

我的 WordPress 主题在除 Firefox 之外的所有浏览器上都能正常加载 - 我的所有页面上都有水平滚动。

换句话说，我应该只能上下滚动，但在 Firefox 上我也可以左右滚动一点。

例如https://b2english.com/test/

非常感谢任何提示。

布赖恩

【问题讨论】：

检查 html 看看哪个元素突出到一边？

标签： css wordpress genesis

【解决方案1】：

问题出在 thrv_wrapper thrv-page-section

margin-left: -20px !important;
margin-right: -20px !important;

花了十秒钟才找到它……

【讨论】：

【解决方案2】：

试试这个：

body {
    max-width: 100%;
    overflow-x: hidden;
}
[data-css="tve-u-15efc72e013"] {
    padding: 44px 0px 40px !important;
    margin-top: -10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

由于某些...呃... Mozilla 在设计 Firefox 时做出的决定，具有负边距的页面（例如 margin-left: -20px;）显得有点时髦（又名水平滚动）。

希望对您有所帮助。 :)

【讨论】：

这不是 Mozilla 文档所说的：developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
Mozilla 不会承认的。
您似乎在表达意见而不是答案。因此，对我来说，您的回答质量非常低。
看起来评论是为了答案的需要，而不是答案本身。让我们努力与正在努力回答问题的新用户相处融洽。

【解决方案3】：

滚动问题不仅限于 Firefox，Chrome 也有：

Ashley 的回答是正确的。 负边距的奇怪用法正在产生问题。您可能还想从 body 开始去除所有多余的边距，并为单个父容器添加一个实心填充。

不推荐在绝对定位的元素上使用黄色背景为第一部分着色...而不是简单地直接为第一部分着色。

这个元素什么都不提供：

<div class="tve-page-section-out" data-css="tve-u-15e3fa999e0"></div>

只需添加您的规则：

background-color: rgb(245, 215, 110);

给真正的父母：

<div class="thrv_wrapper thrv-page-section" style="" data-css="tve-u-15efc72e013">

像这样：

.thrv-page-section { background-color: rgb(245, 215, 110); }

【讨论】：