如何在表格单元格中设置div的100％高度

Question

我正在尝试在表格单元格中获取div以填充表格单元格的整个高度。 div是一个“包装”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%">

Answer 2

只需添加到@Joe B.的评论中即可。

我使用height: 100%代替height: 1px。因为当我没有足够的行时使用100％的表拉伸。