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;}