CSS的位置：給空間

的jsfiddle示例代碼：http://jsfiddle.net/SUMPq/8/CSS的位置：給空間

我有一個容器上的一些文字，代碼是在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;}

來源

2012-11-25 FlKey

我不明白你的問題。你能詳細說明嗎？如果你想要動態高度，你可以給高度：auto; –

只是刪除高度：0;從#container 並給高度：自動到＃空間框

來源

2012-11-25 04:29:44

http://jsfiddle.net/kSqgs/6/ –

問題是如果我不把高度：0px;那麼容器外部的文本就會重疊。檢查這些例子，一個與高度：0和其他沒有：http://jsfiddle.net/kSqgs/24/ - http://jsfiddle.net/kSqgs/23/ – FlKey

CSS的位置：給空間

回答

相關問題