高度百分比不起作用？

Question

我想知道为什么这个代码中的百分比高度不起作用：

<div style="border-right:1px solid #000; height: 100%;"></div>。

但是当我将高度更改为像素时，它可以正常工作，但我的问题是高度是以像素为单位固定的。

我使用这个div元素作为垂直标尺/分隔符。

这是我的代码：http://jsfiddle.net/jKGUC/5/

请帮忙。提前谢谢。

Answer 1

height: 100%;样式根据父容器的高度设置高度。如果父项是正文，则还需要指定这些元素的高度。

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

Answer 2

将height: 100%;添加到table和td周围的div应该可以解决问题。这是更新的小提琴。 http://jsfiddle.net/jKGUC/9/

Answer 3

如果父级不是“像素”，则其子级的高度无法设置“百分比”