HTML表格标题和表格的总高度

我有一个div元素中的表。div仅用作占位符（它具有“固定”位置和硬定义的大小/左/上）。这张桌子有100%的宽度和高度

当我在表中使用内部“caption”标记时，它似乎不包括在表的总高度中。这张桌子从最下面的那张桌子里出来了

没有标题，一切正常（表格的位置/大小与div相同）：

----------------
| ========== | 
| |                ||
| |                ||
| |                ||
| |================|| 
---------------------

标题为“已损坏”（表格在div之外）：

----------------
|                   |
|标题（大）|
|                   |
| ========== | 
| |                ||
|                |
|                |
|================|

---

我想要的是使表格的div高度减去标题的高度。

尝试固定标题的宽度和高度，并将边距和填充设置为0。然后将表格高度+标题高度相加，形成div高度。

尝试固定标题的宽度和高度，并将边距和填充设置为0。然后，将表格高度+标题高度相加，使div高度为零。

add

overflow:hidden

到外部

-只要您的div没有预定义的高度，它将导致所有内部元素都包含在

的任何背景色/图像大小计算中添加

溢出：隐藏

到外部

-只要您的div没有预定义的高度，它将导致所有内部元素都包含在

的任何背景色/图像大小计算中

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

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