5

本当にばかげた質問があります。

ウェブページの幅の 100% の div スパンを作成しようとしていますが、到達しません。動的にしたい (幅を px で指定しない) ため、水平スクロール バーを表示させたくありません。

Stack Overflow のページ幅 100% の「アラート」に似たものを作ろうとしています。これは、新しいバッジを獲得したときに通知します。

私のサイトのスクリーンショット: 私のサイトのスクリーンショット。 ピンクのバナーと緑のバナーが、空色の背景が表示されている場所にギャップを残していることに注意してください。

ピンクのバナー div のコード

<div width='100%' style="padding:0px; background-color:FF0099; background-image:url('pics/pink_bg.png'); ">
  &nbsp;
</div>
4

8 に答える 8

7

HTML bodyタグには、パディングまたはマージンcssが含まれている場合があります。それらをゼロ(0) に設定する必要があります。それが役立つことを願っています。

于 2012-04-10T17:01:12.840 に答える
4

体にパディングがあるように見えます。これにより、div が完全に拡張できなくなります。

于 2012-04-10T16:57:03.030 に答える
2

css ファイルで、本文にパディングがないことを確認します。何も持っていない場合は、これを追加してみてください：

body {
    padding: 0;
    margin: 0;
}
于 2012-04-10T17:03:05.693 に答える
1

タイプ

body {
    min-height:100%;
    height:auto;
    margin:0;
    padding:0;
}

CSS ファイルの先頭に .

于 2013-01-23T03:17:31.717 に答える
1

本文の css を追加して、パディングとマージンを削除するだけです。

body {
padding: 0px;
margin: 0px;
}

また、上下左右の余白のみに適用することもできます。

body {
padding-top:0px;
padding-right:0px;
padding-bottom: 10px;
padding-left: 0px;
}
于 2012-04-10T17:03:42.713 に答える
1

実はとても簡単です。ピンクのバナー div の親コンテナーのパディングとマージンが 0 であることを確認してください。この場合、ピンクのバナーのコンテナーは body タグのみであると想定しています。次に、ページの head セクション内に次のスニペットをコピーします。

<style type="text/css">
    body
    {
        margin:0px;
        padding:0px;
        }
</style>

ピンクのバナーの html も正しくありません。交換

<div width='100%' style="padding:0px; background-color:FF0099; background-image:url('pics/pink_bg.png'); ">
  &nbsp;
</div>

と

<div style="padding:0px; margin:0px; width=100%; height:25px; background-color:#FF0099; background-image:url('pics/pink_bg.png');" >
  &nbsp;
</div>
于 2012-04-10T17:05:18.190 に答える
0

A 私がいつも入力する各 CSS ドキュメントの冒頭:

html, body {
    padding: 0;
    margin: 0;
}

不要な外側のマージンやそのコードのパディングに問題はありません。

于 2012-04-10T17:18:57.643 に答える