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 中查看 fiddle ，它似乎根本没有考虑 bottom 或 right 规则。这是 firefox 中的已知错误，还是有任何解决方法？如果可能，我想避免使用 javascript/窗口调整大小监听器。

Answer 1

这是对您的 jsfiddle 的更新

您需要设置width:100%、height:100% 和box-sizing: border-box;

你只需要2个位置点top和left