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 タグのコンテンツが動的であり、1 行のみの場合もあれば 2 行以上になる場合もあり、これらの場合、スペース ボックスが大きすぎたり小さすぎたりする可能性があることです。このスペースボックスを、含まれるテキストに応じて高さが動的になるように処理するにはどうすればよいですか?
CSSスペースボックス
#spacebox{display:block;width:auto;height:100px;z-index:100;}