36

信じられないほど単純な HTML の一部ですが、期待どおりに表示されません。

ページの上部に空白として表示される空の div を作成しようとしています。style="height: 400px;"

高さを指定しても、空の div が表示されません。ここで何が欠けていますか？

更新: 私の主な質問は: 高さが設定されていても空の div が表示されないのはなぜですか? または、style空の div を表示するために必要な基本的なルールは何ですか?

完全なコード:

<html>
<head><title>Site Name</title>
</head>
<body>
<div style="height:400px; width:100%; margin:0; padding:0; position:absolute;"></div>
<div style="width: 50%; margin: auto;">
<img src="logo.gif"></div> 

<div style="width: 50%; margin: auto;"></div>

</body>
</html>
4

6 に答える 6

38

空白を追加したいだけなら、これを試してください

<div style="height:400px; width:100%; clear:both;"></div>

フィドル

または、次のようにボディにパディングを追加することもできますbody { padding-top: 400px; }

于 2013-09-25T01:51:05.817 に答える
4

白いボックスが見えるように、背景を追加する必要があります。

background-color:black;

あなたはそれを見ることができなくなります。

于 2013-09-25T01:48:31.553 に答える