如何在表格單元格內設置100％的div高度

Question

我試圖在表格單元格內獲取div以填充表格單元格的整個高度。 div是一個「wrapper」div（bookWrapper），裏面有3個div。我需要包裝div中的頁腳div（bookNavLinks）來粘貼底部。我嘗試將高度設置爲100％並且相對位置。 bookNavLinks的位置被設置爲絕對值和最低值0;

<div id="bookWrapper" style="height:100%; border:1px solid #000; position:relative;"> 

<div id="bookNavLinks" style="padding: 20px 20px 0px 20px; position:absolute; bottom:0"> 

https://jsfiddle.net/5zg4h95o/3/

Answer 1

Demo - codepen

Here's another relevant SO answer

看來你需要一個高度添加到<table>標籤。

<table style="border-collapse: collapse; height:100%">