HTML / JS使<select>到达窗口底部</select>

Question

另一个简单的JS / HTML问题。如何将HTML元素始终延伸到页面底部？

我尝试了height: 100%;，但它延伸到页面底部（因为它不在顶部，我认为。）

这样做的首选方法是什么？如果您调整窗口的大小，它应该使其底部到达窗口底部。

Answer 1

position:absolute;
bottom:0;
top:0;

如果您的元素不是正文，请使用

position:relative

在父级，特定宽度和高度上。

Answer 2

试试这个：http://jsfiddle.net/bBhUX/

添加

position: fixed;
overflow: hidden;

进入父容器

Answer 3

使用

position:absolute; //or fixed if you want it to remain at constant position even when scrolled
bottom: 0;