页面右侧的空白区域

时间:2017-01-15 06:32:43

标签: html css

我调节的subreddit右侧有一些空白区域r/Fantasy。该页面在加载时看起来很正常,但是有一个水平滚动条,如果我滚动显示空白区域,只显示背景,如下所示: enter image description here

移动设备上的相同问题。可以看到subreddit的CSS here

我认为导致问题的元素是包含AMA日程安排的div在侧边栏中,但无法弄清楚它有什么问题。当谈到网页设计/ CSS时,我几乎已经死了,所以任何帮助都会受到赞赏。

是的,我发现已经存在很多类似的问题,但他们的解决方案都没有帮助我。

1 个答案:

答案 0 :(得分:1)

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

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

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