html - 页面右侧空白

Question

我审核的 subreddit 右侧有一些空白区域，r/Fantasy .该页面在加载时看起来很正常，但是有一个水平滚动条，如果我滚动它会显示空白区域，只有背景，如下所示:

移动端同样的问题。可以看到 subreddit 的 CSS here .

我认为导致问题的元素是侧边栏中包含 AMA 计划的 div，但无法弄清楚它有什么问题。在网页设计/CSS 方面，我几乎一头雾水，因此非常感谢您的帮助。

是的，我意识到已经存在很多类似的问题，但他们的解决方案都没有帮助到我。

Answer 1

问题是由 .side .md blockquote:nth-of-type(1):after 类引起的， 用于创建分隔符。这具有属性显示: block 和宽度:400px；这导致它溢出。您可以将显示类型更改为 initial 或将 overflow-x 隐藏在父元素上。

您可以将属性 overflow-x: hidden 添加到类 .side .md blockquote 以摆脱空白区域。

.side .md blockquote {
    color: #000;
    font-size: 13px;
    overflow-x: hidden;
}