css - Firefox 文本区域大小错误？

Question

我正在尝试创建一个固定的文本区域，仅使用 CSS 填充浏览器窗口的整个宽度和高度，以下在 Chrome 中完美运行：

textarea {
    border: 2px solid #3D6AA2;
    padding: 5px;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    resize: none;
}

http://jsfiddle.net/BulletzBill/FZr9k/1/

但是，如果您在 Firefox 中查看小提琴，它似乎根本没有考虑bottomorright规则。这是 Firefox 中的一个已知错误，还是有任何解决方法？如果可能的话，我想避免使用 javascript/window resize listeners。

Answer 1

这是您的jsfiddle的更新

你需要使width:100%,height:100%和box-sizing: border-box;

您只需要 2 个定位点top和left