3

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 でフィドルを表示すると、bottomまたはrightルールがまったく考慮されていないように見えます。これは Firefox の既知のバグですか、それとも回避策はありますか? 可能であれば、javascript/window resize リスナーの使用を避けたいと思います。

4

1 に答える 1

2

これがjsfiddleの更新です

width:100%、height:100%およびを作成する必要がありますbox-sizing: border-box;

必要な位置ポイントは 2 つだけですtop。left

于 2013-04-18T13:26:38.420 に答える