Динамическая установка абсолютного DIV с динамической высотой?

Question

http://jsfiddle.net/GWJMf/

То, что я пытаюсь сделать, это установить TITLE, а не прокрутку. Но контент прокручивается.

Проблема в том, что имеет фиксированный заголовок, затрудняет работу с динамическим диапазоном заголовка, который может иметь от 5 до 250 символов.

Есть ли способ зафиксировать TITLE, а не прокрутку, но установить высоту на основе длины заголовка?

Это возможно w 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>