0

私はCSSの初心者で、テスト用にこのhtmlファイルを作成しました...しかし、結果は私が期待したものではありません..

ここに私の質問があります、

  1. 私の IE ウィンドウの正しい幅はどれくらいでしょうか。
  2. 私のウィンドウの完璧な高さはどうなるでしょうか..値を指定しても何も変わりません。
  3. ヘッダー、フッター、コンテンツの 3 つの区分を作成しました。表示すると、これらの各セクションの間に大きなスペースがあります。なぜ発生するのですか?

コードは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            body
            {
                background-color:#d0e4fe;
                width:1400px;
                height:1000px;
            }

            h1
            {
                color:orange;
                text-align:center;
            }

            #div-1
            {
                background-color:red;
            }
            #div-2
            {
                background-color:Green;
            }
            #div-3
            {
                background-color:Blue;
            }


        </style>

    </head>

    <body>

        <div id="div-1">
            <h1>Header<h1>
        </div>

        <div id="div-2">
            <h1>Content<h1>
        </div>

        <div id="div-3">
            <h1>Footer<h1>
        </div>


    </body>
</html>
4

2 に答える 2

2
  1. body タグの幅は「width: 100%;」に設定する必要があります。これにより、body タグがウィンドウの幅全体を占めるようになり、色付きの div セクションも幅全体に引き伸ばされます。
  2. body タグの高さは、「height: 100%;」のいずれかに設定できます。または「高さ：自動;」。あなたが正確に何をしているかによって異なります。
  3. スペースは、これらの各 div 内にある h1 タグから来ています。それらには、ブラウザのデフォルトのマージンが設定されています。css プロパティを "margin: 0px" に設定すると、余分なスペースがすべて削除されます。
于 2012-07-17T20:27:10.423 に答える
1

まず、CSS でウィンドウの幅または高さを定義しません。それは起こりません。ページ上の特定の要素の幅を指定することもできますが、それは少し別の問題です。heightおよびwidthプロパティを削除します。

h1第 2 に、タグに設定されているデフォルトの余白により、分割の間にスペースができます。それらを削除したい場合は、CSS でmargin: 0on を設定してください。h1

第三に、 HTMLDog でこの CSS チュートリアルを確認することをお勧めします。

于 2012-07-17T20:26:18.653 に答える