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

Question

我在div元素中有一个表。 div仅用作占位符（它具有“固定”位置和硬定义尺寸/左/上）。该表具有100％的宽度和高度（div）。

当我在表格中使用内部“标题”标签时，似乎它不包含在表格的总高度中。桌子位于底部的div之外。

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

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

随着标题被破坏（表格在div之外）：

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

我想要的是让桌子的div高度减去标题的高度。

Answer 1

尝试修复标题的宽度和高度，并将边距和填充设置为0.然后将表格高度+标题高度相加以生成div高度。

Answer 2

将overflow: hidden;添加到外部<div> - 只要您的div没有预定义的高度，就会导致所有内部元素都包含在任何背景颜色/图像大小中计算<div>。