CSS职位：给予空间

Question

JSFiddle示例代码：http://jsfiddle.net/SUMPq/8/

我在容器上有一些文本，代码位于HTML的顶部，靠近正文：

<div id="container">
<div id="title_content">
<h1>Heading TAG</h1><br />
<p>SOME TEXT<br />SOME TEXT<br /></p>
</div></div>
<div id="spacebox"></div>

然后使用CSS定位我在页面的其他部分显示内容：

#container{position:relative;width:860px;height:0;}
#title_content{position:relative;top:100px;left:10%;font-size:14px;}

问题是h1标签的内容是动态的，有时它只能是一行，有时是两行或更多，在这些情况下，空格框可能太大或太小。如何处理此空间框的高度是动态的，具体取决于所包含的文本？

CSS空格框

#spacebox{display:block;width:auto;height:100px;z-index:100;}

Answer 1

删除高度：0;来自#container 并给出高度：auto到#spacebox