动态设置动态高度的绝对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>