Html 使用div';s来填充网页

Html 使用div';s来填充网页,html,css,Html,Css,我正在尝试使用div将网页内容向下推150px(空间将用于稍后的标题图像,我还没有) 但是,因为div是空的或空白的,所以浏览器实际上忽略了它 html: <body> <div id="header_block"></div> .... rest of document.... 文档的其余部分工作正常,但是,即使我得到了标题图形,它也将作为背景图像应用 有没有办法阻止浏览器忽略此标题块,因为它认为它是空的?您可以根据需要使用trans.gif(一个空白的

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

但是,因为div是空的或空白的,所以浏览器实际上忽略了它

html:

<body>
<div id="header_block"></div>
 .... rest of document....
文档的其余部分工作正常,但是,即使我得到了标题图形,它也将作为背景图像应用

有没有办法阻止浏览器忽略此标题块,因为它认为它是空的?

您可以根据需要使用trans.gif(一个空白的小图像),使用宽度和高度。然后将设置适当的空间

问候,, 阿伦·库马尔

试试这个:

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

这样您就可以查看页眉块了。

您要做的是给主
一个
边距顶部:150px
;这将把它从它在流中的位置向下推150px,然后你应该很好地让你的背景图像出现

如果通过CSS显式设置了div的高度,则div不会隐藏。如果它是隐藏的,您还有其他问题,可能是由于输入错误或样式表链接错误

如果你需要一个占位符图像,我用它我觉得很方便

我与placehold没有任何关联。它

类似这样的东西会让你:


您想显示
#标题(u)块
对吗?它在示例中起作用。你的代码的其余部分是什么,你能为你的例子做一个简单的说明吗?如果你在CSS中显式地设置了高度,那么它在为空时不会隐藏。如果它是隐藏的,并且你已经指定了CSS,那么你可能错误地包含了你的CSS文件。在我的浏览器中运行良好。这太棒了,谢谢placehold.it。这将非常有用。我一点也不知道:)我知道透明gif,这是一种在web开发中非常古老的技术,也是一种我想尽量避免的技术,不过,谢谢:)好吧,这很有效,而且会很好,我为自己没有想到它而恼火。
#header_block{width:100%; border:1px solid;height:150px;min-height:150px}