html - 动态设置具有动态高度的绝对 DIV？

Question

请参阅以下内容:http://jsfiddle.net/GWJMf/

我想做的是固定 TITLE，而不是滚动。但内容可滚动。

问题是，拥有一个固定的标题，很难处理标题的动态范围，它可以包含 5 - 250 个字符。

有没有办法让 TITLE 固定，而不是滚动，而是根据标题长度设置高度？

这可能是 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;
}