動態設置動態高度的絕對DIV？

Question

請參閱以下內容：http://jsfiddle.net/GWJMf/

我想要做的是修復TITLE，而不是滾動。但內容可滾動。

問題是，擁有一個固定的標題，很難處理標題的動態範圍，該標題可以有5-250個字符。

有沒有辦法讓TITLE固定，不滾動，但是根據標題長度設置高度？

這是可能的w CSS？想法？由於

Answer 1

不知道爲什麼你擁有所有這些額外的造型。您不需要根據文本的長度對h2或任何包裝元素進行樣式設置以使其展開。

http://jsfiddle.net/xd7a4/

我不知道你在這裏。然而我將它設置爲200像素希望爲滾動容器的高度。

<h2>title</h2> 
<div class="scroll">content</div> 

H2 { 
    background-color: #FF0000; 
} 
.scroll { 
    height: 200px; 
    overflow: scroll; 
    overflow-x: hidden; 
} 

Answer 2

我認爲這將有助於：

<style> 
.content { 
position:absolute; 
top:100px; 
left:100px; 
width:300px; 
height:auto; 
} 
.title { 
position:relative; 
top:0px; 
left:0px; 
width:100%; 
height:auto; 
background:red; 
color:#fff; 
} 
.text { 
position:relative; 
top:0px; 
left:0px; 
width:100%; 
height:200px; 
max-height:200px; 
overflow:auto; 
} 

</style> 

<div class="content"> 
<div class="title">title<br/>title...</div> 
<div class="text">text text <br/> text text...</div> 
</div>