Заголовок таблицы HTML и общая высота таблицы

Question

У меня есть таблица в элементе div.Div используется только как заполнитель (он имеет «фиксированную» позицию и жестко определенные размеры / слева / вверху).Таблица имеет ширину и высоту 100% (от div).

Когда я использую внутренний тег «заголовок» в таблице, кажется, что он не включен в общую высоту таблицы.Таблица находится вне деления снизу.

Без заголовка все в порядке (таблица имеет ту же позицию / размер, что и у div):

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

С заголовком она разбита (таблица находится вне div):

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

Я хочу, чтобы таблица имела высоту div минус высота заголовка.

Answer 1

Добавьте overflow: hidden; к внешнему <div> - если ваш div не имеет заранее заданной высоты, это приведет к тому, что все внутренние элементы будут включены в любые вычисления цвета фона / размера изображения для <div>.

Answer 2

Попробуйте установить ширину и высоту надписей, а также задать для поля и отступа значение 0. Затем сложите высоту таблицы + высоту надписей, чтобы получить высоту div.