具有可调整大小的元素的可调整大小的jQuery UI小部件

Question

我有一个可调整大小（使用jQuery UI）的div，包含2个元素：顶部为ul，底部为输入。输入元素具有固定的高度。我希望这两个元素都可以随着可调整大小的容器一起水平调整大小（这很容易 - 宽度：100％），并且在垂直方向上固定输入高度。这意味着输入元素应该始终具有相同的高度并粘贴到容器的底部，并且只有它上面的ul元素可以在高度上伸缩。这在某种程度上可能与CSS？

编辑：

示例代码是在这里：http://jsfiddle.net/dxtVy/，但它并不适用于某些原因那里工作。它应该介绍它是如何工作的。

Answer 1

没有“浮动：底部”在CSS，但你可以这样做：

放弃“的立场：相对”你的“容器” DIV，然后“的位置是：绝对的;底部：0;”到你的“输入”。

顺便说一句，我把它从* question