空 div(样式:高度)不会显示

新手上路,请多包涵

非常 简单的 HTML 片段 - 但没有显示我的期望。

我正在尝试创建一个在页面顶部显示为空白的空 div,其中 style="height: 400px;"

即使我指定了高度,我的空 div 也不会显示。我在这里想念什么?

更新:我的主要问题是:为什么即使设置了高度,空的 div 也不会显示?或者,显示空 div 所需的基本 style 规则是什么?

完整代码:

 <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>

原文由 azochz 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.7k
2 个回答

如果你只想添加空格试试这个

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

小提琴

或者你可以像 body { padding-top: 400px; }

原文由 Milan and Friends 发布,翻译遵循 CC BY-SA 3.0 许可协议

您正在寻找的 css 样式是 min-height: 20px; 默认情况下,没有内容的 div 的高度将为 0,因为自动设置是默认设置,其大小适合内容。

在此处输入图像描述

在此处输入图像描述

原文由 Dmitri Larionov 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题