空div(带样式:高度)将不会显示
azo*_*chz 17 html css html5 css3
令人难以置信的简单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>
mde*_*dev 18
如果您只想添加空格,请尝试此操作
<div style="height:400px; width:100%; clear:both;"></div>
或者你可以像添加填充到身体 body { padding-top: 400px; }
- 如果您使用“height: 50%”，则不起作用。如何让它发挥作用？ (2认同)
对于寻找空白（不完全是空 div）的人，您可以添加一个空范围，这样该 div 就不再被视为空的。
避免使用 ，因为默认值font-size会使 div 比您想要的更高。
div{
height:100px;
background:#ff8800;
}<div><span></span></div>