2011-07-30 52 views
2

我在div元素中有一個表格。該div僅用作佔位符(它具有「固定」位置和硬定義大小/左/頂部)。該表格具有100%的寬度和高度(div)。HTML表格標題和表格總高度

當我在表格中使用內部「標題」標籤時,好像它不包含在表格的總高度中。表格不在底部。

沒有說明一切正常(表中有相同的位置/大小的格):

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

加上說明它的分解(表是div外):

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

我想要的是讓桌子有div高度減去標題的高度。

問候,

+0

[爲什麼table-caption增加了表的高度?](http://stackoverflow.com/questions/35543313/why-does-table-caption-increase-the-height-of-the -表) –

回答

0

嘗試固定字幕寬度和高度,設定邊距和填充0。然後加起來表高度+字幕高度使DIV高度。

0

添加overflow: hidden;到外<div> - 只要你的div不具有預先定義的高​​度,這將導致被包括在任何背景顏色/圖像大小計算爲<div>所有內部元件。