html - 如何在表格单元格内设置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%">