CSS 位置 : give space

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；来自#容器并将 height:auto 赋予#spacebox