1

私はちょうど私が構築し始めたこのウェブサイトでこの奇妙な問題を抱えています。ヘッダーをページの上部と完全に揃えたい。でも、どういうわけか、高さ約20pxの小さなスペースがあり、何を試しても消えません。CSSとhtmlについて、私が得ていない何かがあると思いますので、皆さんは私を助けてくれますか？

CSS：

#header {
    background-color:#3429C9;
    /*-webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;*/
    display:block;
    position:relative;
    z-index:2;
    margin-top:-20px;
    border-bottom:2px solid white;
    margin-bottom:20px;
    height:60px;
}

body {
    text-align:center;
    font-family: Georgia, Serif;
    background: #000000;
    margin:0;
    height:100px;
    display:block;
    border:2px solid red;
}
4

1 に答える 1

1

すべてのブラウザ（firefox、chrome、IE）には、要素にデフォルトのスタイルを与えるデフォルトのCSSが付属しています。また、デフォルトのマージン/パディングも提供されるため、通常、Webサイトのデザインを開始するときは、cssリセットファイルを使用してすべてのデフォルトのスタイルをリセットする必要があります。

そうすれば、すべてのブラウザで同じ基本的な動作が得られます。

yuorの問題をすばやく解決するには、ヘッダーのパディング/マージンを0に設定するだけです。

于 2012-07-22T09:53:53.137 に答える