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

代わりにこれを試してください：

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

score 0 · Accepted Answer

divはブロック要素です。幅を指定しない限り、幅はページ幅全体になります。

jsfiddleへのリンクにはコードを添付する必要があります。これがコードブロックです。 <code>hoot</code>

3 に答える 3