CSS定位 - Textarea与＆＃34;位置：相对;＆＃34;和＆＃34;底部：0;＆＃34;但不工作？

Question

感谢你们和gals的所有帮助，我找到了解决这个问题的另一种方法。我将使用所有三个输入的滚动代替。如果您找到解决此问题的方法，请告诉我们。

我无法创建兼具＆＃34;位置：相对;＆＃34;的文本区域。和＆＃34;底部：0;＆＃34;。

我想要相对位置，以便textarea的顶部与另一个盒子的底部对齐。 ＆＃34;底部：0;＆＃34;因此，无论浏览器大小如何，textarea的底部始终与浏览器的底部匹配。

我不想做任何事情＆＃34;身高：px;＆＃34;因为我想让textarea匹配任何尺寸。老实说，我尝试了一切。非常感谢您的帮助。

请检查http://jsfiddle.net/W7uux（问题仅适用于移动设备部分）。

以下是我希望实现的目标：

---

我已经尝试了多个职位，但似乎没有人得到我想要的结果：

1。）根本不起作用。它只留下textarea正常的相对位置。

textarea.form-control-combox {
width: 100vw;
position: relative;
bottom: 0;
}

2。）只将textarea放在底部。

textarea.form-control-combox {
width: 100vw;
position: fixed;
bottom: 0;
}

3。）绝对是最糟糕的，因为它重叠了一切。

textarea.form-control-combox {
width: 100vw;
position: absolute;
bottom: 0;
}

4。）这是我能够完成的最接近的事情。但是，一旦我调整浏览器大小，textarea就会重叠其他框。即使我使用相同的z-index，textarea仍然会重叠。

textarea.form-control-combox {
width: 100vw;
position: fixed;
height: 85vh;
bottom: 0;
}

Answer 1

将top: 0;添加到您的textarea样式：

textarea.form-control-combox {
    width: 100vw;
    position: relative;
    top: 0;
    bottom: 0;
}