为什么HTML元素占用的空间远远超过应有的空间？

Question

我在使用CSS放置的页面上有一些文字。

这是div类：

<div id="alpha">
Alpha
</div>

这是我用来定位它的CSS：

#alpha {
    position: relative;
    bottom: 72px;
    left: 50px;
} 

问题是CSS导致整个页面变宽。在该代码之前，您无法在浏览器中水平滚动。现在我添加了CSS（我已经将它隔离到特定的CSS），浏览器允许向右滚动，好像有一些不可见的图像一直向右突出。

有什么想法吗？

Answer 1

尝试将overflow: hidden添加到您的body样式中。

div是100％宽，所以当你向右移动时它不再适合窗口了，这就是你得到滚动条的原因。

Answer 2

试试这个：

#alpha {
    margin-bottom: 72px;
    margin-left: 50px;
} 

Answer 3

div是块元素;宽度将是整个页面宽度，除非你给它一个宽度。

以下是fiddle

的示例

链接到js小提琴必须附带代码。这是一个代码块。 <code>hoot</code>