我正在制作一个类似的窗口position:absolute;
。
正如在 jsbin 上看到的,“窗口”有一个标题栏及其内容:
<div class="l">
<div class="t">
<h4>Title</h4>
</div>
<div class="x">
<!--contents-->
</div>
</div>
我的风格如下:
div.l{position:absolute;background:#aaf;width:70%;height:200px;padding:1em;}
div.t{padding:1px;background:#af9;}
div.x{padding:1em;background:#a87;height:100%;overflow:auto;}
我遇到的问题是让 divx
占用所有可用空间并overflow:auto;
进入可滚动区域。
由于 divl
有一个确定的大小,我可以应用overflow:auto;
它并有一个可滚动的区域,但整个标题、div.t
、 也可以滚动,请参见此处。
我需要 divx
来填充剩余空间,直到底部1em
填充,以便我可以使用overflow:auto;
它。
有没有办法做到这一点而不做div.x
绝对定位?或者至少不知道高度div.t
?