상자 모델 및 IE

Question

IE 및 상자 모델과 관련하여 이전에 보지 못했던 것을 발견했습니다.

너는 폭이 800px이고 높이가 500px 인 양식 태그가 있습니다. 이 양식 영역에 h2 태그를 삽입하면 IE는 상자의 높이가 지정된 높이 (여백/여백/h2 태그의 여백)보다 높다고보고합니다.

Firefox 및 다른 모든 브라우저에서는 높이가 변경되지 않습니다. 뭐라 구요? 무슨 일이 있었는지

form #post{ 
    height:500px; 
    width:800x; 
} 

h2{ 
    font-size:20px 
} 

<form id="post"> 
    <h2>The Header</h2> 
    <div>1</div> 
    <div>2</div> 
</form> 

Answer 1

OK, 나는 스타일 시트가 IE에 포함되어 있었고, 여분의 높이에서 오는 된 곳 10 개 픽셀의 여유가 있다고했다.

의견을 보내 주셔서 감사합니다.