모질라 3.0.8 및 크롬 나는 <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는 20-25px 정도로 충분하지 않으므로 텍스트 영역의 아래쪽과 div의 아래쪽 경계 사이에 간격이 있습니다. 어느 누구도이 문제를 해결하는 방법을 알고 있습니까?

Answer 1

텍스트 영역은 기본적으로 다른 글꼴을 사용하므로 크기가 다릅니다 (텍스트 크기와 관련된 em).

이 추가 :

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

테스트 &는