HTMLテーブルの表題と表の高さの合計

Question

div要素にテーブルがあります。 divは、プレースホルダとしてのみ使用されます（「固定」位置とハード定義サイズ/左/上）。テーブルの幅と高さは100％です（divの）。

テーブル内の「キャプション」タグを使用すると、テーブルの全高に含まれていないようです。テーブルは下からdivの外にあります。キャプション付き

--------<div>-------- 
| =<table>========= | 
| |    || 
| |    || 
| |    || 
| |================|| 
--------------------- 

それが壊れています（表はdivの外にある）：：

--------<div>-------- 
|     | 
| Caption (large) | 
|     | 
| =<table>========= | 
| |    || 
    |    | 
    |    | 
    |================| 

すべてがOKであるキャプションなしで

は（表には、divのと同じ位置/サイズを持っています）私が望むのは、テーブルにdivの高さからキャプションの高さを引いたものにすることです。

よろしく、

Answer 1

は、その後のdivの高さを作るために、テーブルの高さ+キャプションの高さを追加し、キャプションの幅と高さを固定し、0にマージンとパディングを設定してみてください。

Answer 2

外<div>にoverflow: hidden;を追加 - 限り、あなたのdivが事前に定義された高さを持っていないとして、それはすべての内部要素が<div>ための任意の背景色/画像サイズのコンピューティングに含まれることになります。