0

全幅ヘッダーを取得する方法を理解しようとしています。問題は、ヘッダーの周りに細い白い境界線があり、全幅ではないことです。それが重要な場合、私はグリッドシステムを使用していません。

HTML

<!DOCTYPE html>
   <html>

     <head>
  <link rel="stylesheet" href="css/style.css" type="text/css" display="screen" > 

 <title>
    test app
 </title>

</head>

<body>
<div id="header"/>
</div>


</body>

</html>

CSS

#header {

    float:left;
    padding:15px 0;
    min-width:100%;
    background: #5FBEED;

}

どんな助けでも感謝します。

4

4 に答える 4

0

これをCSSに追加します

body{ margin: 0; padding: 0; }

ブラウザは独自のcssをhtml要素に追加しますが、これはブラウザによって異なります。マージンとパディングは、ULと他のいくつかの要素にも適用されます...

あなたはここでこれについてもっと読むことができます... http：//clagnut.com/blog/1287/

于 2013-01-19T17:30:24.547 に答える
0

白い境界線は、ほとんどの場合、BODYタグ固有のによって追加されmarginます。次のCSSを追加してみてください。

body {
    margin: 0;
}
于 2013-01-19T17:30:39.230 に答える
0

問題は、その周りに白い境界線を取得することだと思います。Adivはウィンドウ全体の幅を自動的に埋めるため、そのmin-widthスタイルを削除します: Example fiddle .

CSS:

#header {
    padding: 15px 0;
    border: 10px solid white;
    background: #5FBEED;
}
于 2013-01-19T17:26:40.710 に答える
0 
html, body{
padding: 0;
margin 0;

}

#header {
padding: 15px 0;
border: 10px solid #5FBEED;
background: #5FBEED;

}

この場合、境界線はヘッダーの背景色と同じ色になります

于 2013-03-26T00:09:45.143 に答える