jquery - 设置最大高度以在流体宽度内容中列出

Question

我有以下 http://jsfiddle.net/4G33W/1/

这是流畅的，并且工作正常，但是当更多的元素被添加到#commentWrapper 的列表中时，它破坏了布局，因为它把整个东西“向下”推了。

测试复制一些<li>test</li>元素，你会明白我的意思。我希望输入框留在底部(因为它是 atm)，当列表变得足够长并到达它时，列表应该进入“overflow-x:auto”模式。我不能使用固定高度，因为它会破坏整个事物的“流畅性”，或者至少我尝试的方法似乎没有用。

这里有任何 css/html 解决方案吗？我应该转向 javascript 寻求解决方案吗？我也在使用 jquery，以防任何答案包含 javascript。

Answer 1

@Bogdan 解决方案之所以有效，是因为“高度:100%；”在“position:absolute；”时工作被设置。请注意您需要构建的布局和您需要支持的浏览器。

再看看can i use对于box-sizing支持。