2017-10-07 4 views
-4

ウェブサイトを作成していて、「html」と「body」というタグがページ全体を埋めていません。 HTMLとBODYタグの幅/高さが100%でない


質問:これを行うとしますか?
cssはまだありません。私はそれがデフォルトで100%幅/高さであると思った。私はかなり悪い記憶を持っています。私は画像を投稿する REPUTATION TEN のを持っていないので
は、ここでは、画像へのリンクです、

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test Site</title> 
    </head> 
    <body> 
     <p>Hello! </p> 
    </body> 
</html> 

:助けてください https://lh4.googleusercontent.com/j0DgeD1gRgfOdAGQkiR5vKgKoYxnlLosmecjibixqXGb9xhwJl4IHEUbA-8TcLBmhUZRaIBEhFFswRw=w1368-h635-rw




ことはここでは、コードです私はすぐにこれをプロジェクトにする必要があります。

+0

あなたのリンクdoesntの仕事 –

+0

シュート。まあ、htmlタグが画面の1つのセクションにあるように見えますが、真ん中を中心に何かが必要なので、私にとっては本当に面倒ですが、Webページの一番上にたどり着くだけで、Inspectで見ることができます素子。 –

答えて

1

セットボディスタイルなど:

body{ 
    margin: 0; 
    padding: 0; 
} 
+0

申し訳ありませんが、これは同じ結果をもたらしました。 –

1

EDITED ANSWER

margin設定は、ほとんどのブラウザが追加デフォルトのマージンをリセットします

html, body { 
    margin: 0; 
    min-height: 100%; 
} 

このCSSを追加します。 heightに設定すると、高さが、ブラウザウィンドウの高さは少なくともになります。ブラウザの高さに満たないコンテンツがある場合は、ブラウザウィンドウの高さに合わせる必要があります。

追加:本体がウィンドウよりも高くならないようにする場合は、min-height: 100%height: 100%に置き換えてください。この場合、bodyの子要素がウィンドウよりも高い場合は、bodyの内部でスコットされます。

+0

申し訳ありませんが、これは同じ結果をもたらしました。 –

+0

あなたの質問にあなたのコメントを読んだ後、あなたの体の高さはそれを埋めるための十分な内容がないので、ウィンドウの高さよりも小さいことを理解した後、私の変更された答えにご注意ください – Johannes

+0

私はこれを把握しようとします。 –

関連する問題