空div（风格：高度）将不会显示

令人难以置信的简单的HTML - 但不显示我的预期。空div（风格：高度）将不会显示

我试图创建一个显示为页面的顶部空白的空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>

来源

2013-09-25 azochz

尝试添加显示：块; – rfoo

你期待看到什么？ – jono

我制作了这个小提琴并且为你的div添加了边框。你在期待什么？ http://jsfiddle.net/KyQgg/4/ – rfoo

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

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

FIDDLE

，或者你可以只添加填充到身体像body { padding-top: 400px; }

来源

2013-09-25 01:51:05 mdesdev

如果使用'height：50％'，则不起作用。如何使它工作？ – akaltar

您需要添加一个背景，所以你可以看到白色的盒子。

background-color:black;

您将无法看到它。

来源

2013-09-25 01:48:31 Shaun

你正在寻找的CSS样式是min-height: 20px;默认情况下，没有内容的div的高度将为0，因为默认的自动设置会根据内容大小进行调整。

来源

2016-11-29 16:02:24

这是一个绝妙的解决方案！ –

它没有显示的原因是因为你在你的风格有position:absolute。这意味着div将独立于其他元素定位，并且对后面的div没有影响。所以你的第二个div实质上是屏幕上的第一个div。

来源

2017-11-18 16:23:22

空div（风格：高度）将不会显示

回答

相关问题