Html 中间元件流体高度

Html 中间元件流体高度,html,css,liquid-layout,Html,Css,Liquid Layout,看看这个 div的高度设置为100px,overflow:hidden将内容隐藏在100px以上。我想做的是使元素流动,这样无论父div的高度如何,元素都保持在顶部,.controlpaneldiv保持在底部,元素调整大小以适应需要。我尝试使用百分比高度,但可以获得准确的高度。我已更新小提琴: 不确定这是不是你想要的?很难理解这个问题:p但我想我已经知道你想要的要点了,看看吧不,我想要的是。。。例如,我将div的高度设置为500px,它应该延伸到500px。有点不明白“延伸到”是什么意思,但已经

看看这个


div的高度设置为100px,
overflow:hidden
将内容隐藏在100px以上。我想做的是使
元素流动,这样无论父div的高度如何,
元素都保持在顶部,
.controlpanel
div保持在底部,
元素调整大小以适应需要。我尝试使用百分比高度,但可以获得准确的高度。

我已更新小提琴:


不确定这是不是你想要的?

很难理解这个问题:p但我想我已经知道你想要的要点了,看看吧

不,我想要的是。。。例如,我将div的高度设置为500px,它应该延伸到500px。有点不明白“延伸到”是什么意思,但已经更新了fiddle@Lollero-关闭,但我不能使用绝对位置,因为我使用的是液体布局。@benhowdle89不完全如此。我添加了
位置:相对进入
div#settings
到您的代码中。@gAMBOOKa您能详细说明一下吗?它是液体,它将更新移动到外部div的底部,无论其高度如何。由于高度现在被设置为500px,所以它就停留在这里。仅
ul
一个值就是
~140px
高。如果家长的
高度
仅为
100px
,那么所有内容应该如何匹配?
ul
的高度需要是液态的。因此在
ul
中隐藏一些文本是可以接受的?是的,滚动条可以。就是这样!对不起,我应该花点时间把这个问题向大家解释清楚。没关系,D,也总是发生在我身上。结构难以传达:小提琴连接的结果不是中赫的流体高度。