のMozilla 3.0.8とChrome私は<em>divの</em>内<em>テキストエリア</em>を持って

Question

全角バグの回避策での高さ：

<div id="textareawrapper"> 
    <textarea id="chat"></textarea> 
</div> 

...とCSS：

#textareawrapper { 
    border 1px dashed pink; 
    margin:0;padding:0; 
    position: absolute;bottom: 0em;left:7.5em;right:7.5em;height: 7em; 
} 
#textareawrapper textarea {margin:0;padding:0;width: 100%;height:7em;} 

IE 7はそれを細かくレンダリングします。テキストエリアの高さは、 divの高さに等しいです。 MozillaとChromeでは、折り返しdivは7em高く表示されますが、textareaは十分な高さではないので、textareaの下端とdivの下端との間にギャップがあります。どのようにこれを修正する方法を知っていますか？

Answer 1

textareaはデフォルトで異なるフォントを使用しているため、サイズは異なります（emsはテキストサイズに関連しています）。

これを追加します。

#textareawrapper textarea { font-size: 100%; font-family: inherit; } 

テスト済み&は