1

div内にtextareaがあります：

<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はそれをうまくレンダリングします：textareaの高さはラッピングdivの高さと同じです。MozillaとChromeでは、ラッピングdivは7emの高さにレンダリングされますが、textareaの高さが20〜25pxであるため、textareaの下部とdivの下部の境界線の間にギャップがあります。誰かがこれを修正する方法を知っていますか？

4

1 に答える 1

4

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

これを追加：

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

FF3でテストおよび動作

于 2009-04-25T18:43:14.863 に答える