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

我有一个可调整大小的（使用jqueryui）div，有两个元素：ul在顶部，input在底部。输入元素具有固定的高度。我希望这两个元素都能随着可调整大小的容器（宽度：100%）水平调整大小，并在输入高度固定的情况下垂直调整大小。这意味着输入元素应始终具有相同的高度，并粘贴到容器底部，并且仅其上方的ul元素在高度上拉伸/收缩。这在CSS中是可能的吗

编辑：

示例代码在这里：但由于某些原因，它在那里不起作用。不过，它应该给出它的工作原理。

css中没有“float:bottom”，但您可以这样做：

给“容器”div指定“位置：相对”，然后给“输入”指定“位置：绝对；底部：0”

---

顺便说一句，我从

中选择了更好的方法来查看代码本身，而不是它的描述，它只解决位于底部的输入元素。ul不会拉伸以适应新的高度。@Sergey嗨，我刚看到你的个人资料。你能调查一下吗？