Question

有趣的游戏：

http://revelry-cycles.com/index.html

转到该网站，找出右侧白色空间背后的原因。

我一直在玩这个游戏一个小时左右，我厌倦了它！我使用过Chrome的对象标识符，但那里没有。

Answer 1

原因并不容易识别，但我现在很确定这是“选择自行车部件”的标签。通过使用像Firebug这样的工具，您可以看到元素#bbLabel太宽，从而导致溢出。问题是您没有更改其宽度，因此它仍然具有800px页面宽度的默认值100％，同时应用相对偏移量为60％的右侧。如果您将样式规则width: 40%添加到#bbLabel，问题就会解决。

Answer 2

在偶然的情况下，其他人也遇到同样的问题：

HTML：

<body>
    <div id="container">
       <!--content-->
       <!--carousel-->
       <!--more content-->
    </div>
</body>

CSS：

#content
{
    width: 600px;
    margin: 0 auto;/*This means the content is centered on the page*/
}

旋转木马中的图像排列如下：

Content:       Rest of page:
|[Current Img]|[Next Img][3rd Image][Final Image]

表示页面被向右推出，导致水平滚动条的外观。最简单的解决方案是将overflow-x: hidden添加到<body>代码的样式。

Answer 3

导致空格的元素是#bbLabel。

网页右侧无法解释的空白区域。导致出现水平滚动条

3 个答案:

HTML：

CSS：