0

ここに私は非常に単純なウェブページを持っています。基本的に1つのdiv。しかし、このdivには、幅が100％に設定されているにもかかわらず、周囲に何の領域もありません。これがデモンストレーションの写真です。

ここに画像の説明を入力してください

以下は私のコードです。

<html>
    </head>

        <link href='mainStyle.css' rel='stylesheet'/>

        <script src='jquery.js'></script>

    </head>
    <body>

        <div id='navTop'></div>

    </body>
</html>

そして私のmainStyle.css：

#navTop{
    width:100%;
    height:10px;
    background-color: blue;
    position: absolute;
    margin: none;
    padding: none;
}

これはおそらくCSSのばかげた間違いです。どんな助けでも大歓迎です！

4

4 に答える 4

3

追加：

body {
margin: 0;
}

ブラウザは<body>デフォルトで8pxのマージンを提供します

于 2013-03-13T00:57:10.857 に答える
3

ブラウザには、およびを含むさまざまな要素にデフォルトのマージン/パディングがhtmlありますbody。div端まで行きたい場合は、それらもゼロに設定する必要があります。

于 2013-03-13T00:57:22.350 に答える
0

<body>余白とパディングを0に設定する必要があるためと思われます。

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

于 2013-03-13T00:57:44.830 に答える
0

ブラウザにはデフォルトのスタイル（フォントサイズ、フォントファミリ、行の高さなど、ドキュメントの周囲の余白やパディングを含む）があります。

ドキュメントの周りの余分なスペースを避けるために、CSSに追加することができます：

body,div,p { margin:0;padding:0; }

したがって、これらの要素はデフォルト値を保持しません。

もう1つのすばらしい方法は、CSSリセットスクリプトを使用して、ほとんどすべてのデフォルトのスタイルが0 / nullに上書きされるようにすることです。これにより、カウントされる独自のルールのみが存在します。

于 2013-03-13T00:57:49.843 に答える