html要素の高さが正しく設定されていない

Question

html要素は、それに従わない場合、なぜmax-height属性を持つのですか？ IMGは20ピクセルテーブルの行の高さが等しい20ピクセルではないであろうよりも大きな高さを有するように発生した場合

<table border="2" style="table-layout:fixed; max-height:20px;"> 
    <tr style="height:20px;"> 
     <td style="overflow:hidden; max-height:20px; overflow:hidden;"> 
      <img id="book" src="img/capture.png" alt="" style="position:relative; margin-top:0px;" /> 
     </td> 
    </tr> 
</table> 

およびたとえば私はテーブルを持っています。どのようにhtmlにテーブル行の高さを20pxにしたいのですか？

編集：

私はIMGの高さを変更することができますが、私は、IMGを歪曲したくない知っています。

Answer 1

これはおそらくtdがdisplay:blockではなく、実際にdisplay:table-cellという事実に関係しています。私は表示テーブルセルがmax-heightをサポートしているとは思わない。

<img>タグの高さを設定したくない理由はありますか？

も参照してください：Setting max-height for table cell contents

Answer 2

table要素は、サイズを変更し、それがコンテンツだ収容するのに十分な柔軟性があります。それは実際にはどのような最大高さによっても制約されません。