1

私が取り組んでいるいくつかのプロジェクトでこの問題が発生しています。

それは基本的な問題であり、iveは答えを探しようとしましたが、役に立ちませんでした。

そのエンティティのページのコードは次のとおりです。

HTML

<html>
    <head>
    <link rel="stylesheet" href="cssbin/default.css" type="text/css">

    </head>

    <body>

        <header>
        </header>

        <nav>

        </nav>

        <section>


        </section>

        <footer>

        </footer>
    </body>
</html>

CSS：

body {
    background-color: #B3BDE6;
}

header {
    height: 200px;
    background-color: #020C36;
}

nav {
    height:100px;
    background-color: #7A8FE6;
}

section {
    height:500px;
    background-color: #2B314D;
}

footer {
    height: 200px;
    background-color: #020c36;
}

body, header, nav, section, footer {
 border: 1px solid black;
}

以下のウェブページは、私が話していることを示しています。

http://virtualharrogate.co.uk/template.php

グーグルクロームではページがフレーム化されています、これがすべてのブラウザで発生するかどうかはわかりませんが、他に何もない場合はクロームの問題を修正する必要があります...

なぜそこに境界線があるのか​​（明らかにどこかのポイントが欠けているので）、問題を解決する方法を尋ねていますか？

iveはcssプロパティを使用してページのスタイルを設定しようとしましたwidth: 100%; & height: 100%;が、それでも何もしませんでした。

前もって感謝します

4

3 に答える 3

3

これは、デフォルトでがであるために発生しbodyますmargin:8px。

これがデフォルトのスタイルシートです-http ://www.w3.org/TR/CSS21/sample.html

スタイリングを追加するだけmargin:0;で修正できます。

また、カスタムcssを適用する前に、ある種のcssリセットを使用する必要があります。それは物事を進める正しい方法です。

Initializrをチェックしてください。これに加えて、IE6+の互換性/フォールバックなどを含む多くの機能を提供します。

于 2012-07-05T20:57:24.963 に答える
0

CSSの最後の行を見てください。

body, header, nav, section, footer {  border: 1px solid black; }

これにより、これらすべての要素の周囲に1pxの境界線が追加されます。その行から体を削除してみてください。

于 2012-07-05T21:00:03.897 に答える
0

body {margin: 0;} またはを使用するだけですbody {margin: auto;}

于 2012-07-05T21:02:59.243 に答える