html - 绝对div不继承具有固定高度的相对父级的高度

Question

我有一个 th 和一个 div 里面。 th 是相对定位的，子 div 是 absolute 定位的。 (参见 div class="水平")

子 div 没有像您在 fiddle 中看到的那样继承父级高度百分比

http://jsfiddle.net/gaurav5430/fmrWj/1/

据我所知，absolute div 应该从其边界框继承其尺寸，边界框可以是具有特定高度的相对元素，我认为这里就是这种情况。

P.S:在 IE9 中测试。

Answer 1

在表格单元格 (have a read of this) 中放置绝对定位元素存在问题。由于您在 th 上设置了高度，因此您可以在以下位置添加缓冲区 div:

<tr>
    <th><div class="relative"><div class="axesTitle">Parameter</div></div></th>
    <th><div class="relative"><div class="horizontal">Q4 '14 ghfggfdf</div></div></th>
    <th><div class="relative"><div class="horizontal">QoQ</div></div></th>
    <th><div class="relative"><div class="horizontal">YTD</div></div></th>
</tr>

然后使用以下样式:

th div.relative {
    position:relative;
    height:100%;
}

这应该允许您为您的绝对高度设置一个高度 - 在下面的示例中查看您的 js 控制台，您将看到高度设置为 40:

Example