Question

我正在尝试使用div将网页的内容向下推150px（该空间将用于稍后我还没有的标题图像）。

但是因为div是空白或空的，浏览器生效，忽略它。

html：

<body>
<div id="header_block"></div>
 .... rest of document....

CSS：

#header_block{width:100%;height:150px;min-height:150px}

文档的其余部分工作正常，但是，即使我得到标题图形，它也将作为背景图像应用。

有没有办法阻止浏览器忽略这个header_block，因为它认为它是空的？

Answer 1

您要做的是给主<div>一个margin-top:150px;这将使它从流量中的位置向下推150px然后你应该好好去看你的背景图像。

Answer 2

您可以根据需要使用宽度和高度的trans.gif（空白小图片）。然后将设置适当的空间。

此致 Arun Kumar

Answer 3

试试这个：

#header_block{width:100%; border:1px solid;height:150px;min-height:150px}

这样你就可以看一下header_block。

Answer 4

如果您通过CSS明确设置高度，则Div不会隐藏。如果它隐藏你有其他问题，可能是由于拼写错误或错误地链接样式表。

如果您需要占位符图片，我会使用http://placehold.it/，我觉得非常方便。

_{我与 placehold.it 没有任何关系}

像https://placehold.it/300x100这样的东西可以帮到你：

placholder image