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

Question

我有一个可调整大小（使用 jQuery UI）的 div，它有 2 个元素：顶部是 ul，底部是 input。输入元素具有固定高度。我希望这两个元素与可调整大小的容器一起水平调整大小（这很容易 - 宽度：100%），并在输入高度固定的情况下垂直调整大小。这意味着输入元素应始终具有相同的高度并粘在容器的底部，并且只有其上方的 ul 元素才能拉伸/收缩高度。这在 CSS 上是否可行？

编辑：

示例代码在这里：http://jsfiddle.net/dxtVy/ 但由于某种原因它在那里不起作用。不过，它应该可以让您了解它是如何工作的。

Answer 1

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

将“position:relative”赋予“容器”div，然后赋予“position:absolute;bottom:0;”到你的“输入”。

顺便说一句，我是从Stackoverflow question那里拿的