html - 为什么一个 HTML 元素占用的空间远远超过它应有的空间？

Question

我在使用 CSS 放置的页面上有一点文本。

这是div课程：

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

这是我用来定位它的 CSS：

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

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

有任何想法吗？

score 1 · Accepted Answer

尝试添加overflow: hidden到您的body风格。

div是 100% 宽，因此当您将其向右移动时，它不再适合窗口，这就是您获得滚动条的原因。

score 0 · Accepted Answer

0

试试这个：

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

于 2013-03-08T19:06:25.647 回答

score 0 · Accepted Answer

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

这是一个示例小提琴

js fiddle 的链接必须附有代码。这是一个代码块。 <code>hoot</code>

3 回答 3