随机空侧滚动空间

时间:2014-07-04 19:29:58

标签: html css scroll

我是HTML和CSS的新手。由于某种原因,我的页面右侧有空白区域,让用户侧滚动。我知道我可以用overflow-x隐藏滚动条,但仍然让它们滚动。我如何摆脱额外的空间/为什么它在那里?索引页面上的内容多于项目页面上的内容。

zarwanhashem.com

1 个答案:

答案 0 :(得分:1)

包含文本“Hello ...”的<div>的默认宽度为页面的100%。但是你已将它的位置设置为relative并将其30em向左推 - 这会将其推离页面的右侧,从而导致滚动。

有很多方法可以解决这个问题,而且我不打算全力以赴。

快速解决方法是将display: inline-block添加到该div的css中。这将阻止它占据100%的宽度。