動的な高さで絶対DIVを動的に設定していますか？

Question

以下を参照してください：http://jsfiddle.net/GWJMf/

私がしようとしているのは、タイトルがスクロールではなく固定されていることです。しかし、コンテンツはスクロール可能です。

問題は、タイトルが固定されているため、タイトルのダイナミックレンジを扱うのが難しくなります。タイトルのダイナミックレンジは5〜250文字の範囲で指定できます。

タイトルをスクロールするのではなく、タイトルの長さに基づいて高さを設定する方法はありますか？

これはCSSですか？アイデア？おかげ

Answer 1

わからないあなたはすべてのその余分なスタイルを持っている理由。 h2または任意のラッピング要素をテキストの長さに基づいて拡張するようにスタイルを設定する必要はありません。

http://jsfiddle.net/xd7a4/

は、私はあなたがしかし、ここで私は200pxのに設定のスクロールコンテナのために希望している高さのわかりません。

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