2016-12-04 10 views
0

私に説明しましょう:私は体の全領域を埋めることを望みます。体全体をどのように埋めるのですか?

<html> 
    <head> 
     <title>Fill an entire area</title> 
    </head> 
    <body> 
     <div id="header"> 
     This area is red. 
     </div> 
     <div id="middle"> 
     </div> 
     <div id="footer"> 
     </div> 
    </body> 
</html> 

本部タグ「ヘッダ」は、着色赤でなければならないが、私は

#header { 
    position: relative; 
    background-color: red; 
} 

を記述する場合、ヘッダは赤色になり、それの周りに小さな白いスペースがあります。その代わりの

enter image description here

、私は空白なしでそれをしたいです。ブートストラップを使わずにCSSでこれを行う方法はありますか?

enter image description here

申し訳ありませんが、同様の質問があった場合。私は自分の問題を説明する方法を知らなかった。

+3

あなたは'ボディを試してみましたか? – Akshay

+0

それはあなたのHTMLファイル全体ですか?その場合、私は***強く***はdoctype宣言を使用することをお勧めします。それはあらゆる種類のイオン適合性頭痛を防ぐでしょう。 –

+0

ブラウザでコード要素をまだ検査しましたか? – Obink

答えて

1

、これを使用

body, #header { 
    margin: 0; 
} 
1

身体にmargin:0;padding:0を追加すると、ここで直面している問題が解決されます。 `:;:{0パディング0マージン}:私はこれが原因で身体のデフォルトmarginたり#headermarginのだと思います

関連する問題