Question

我要做的是修复TITLE，而不是滚动。但内容可滚动。

问题是，拥有一个固定的标题会使得处理标题的动态范围变得非常困难，标题的范围可以是5到250个字符。

有没有办法让TITLE得到修复，而不是滚动，但是根据标题长度设置高度？

这可能是CSS吗？想法？感谢

Answer 1

我认为这会有所帮助：

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

Answer 2

不确定为什么你有这么多额外的造型。您不需要为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;
}

使用动态高度动态设置绝对DIV？

2 个答案: