非常简单的 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>
如果你只想添加空格试试这个
<div style="height:400px; width:100%; clear:both;"></div>
或者你可以像body { padding-top: 400px; }
您正在寻找的 css 样式min-height: 20px;默认情况下，没有内容的 div 的高度为 0，因为 auto 设置是默认的，它自己调整大小以适应内容。
您需要添加背景，以便您可以看到白框。
background-color:black;
你将无法看到它。
对于寻找空白（不完全是空 div）的人，您可以添加一个空跨度，这样 div 就不再被视为空的。
避免使用 ，因为默认font-size可以使 div 比你想要的高。
div{
height:100px;
background:#ff8800;
}<div><span></span></div>它没有显示的原因是因为你有position:absolute你的风格。这意味着div它将独立于其他元素定位，并且对后面的元素没有影响div。所以你的第二个div基本上是div屏幕上的第一个。
在您的 div 中添加一些空格，它将起作用。
<div style="height:400px; width:100%"> </div>