高度百分比不起作用？

Question

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

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

但是，当我改变高度为像素它的作品，但我的问题是高度是固定的像素。

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

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

请帮助。提前致谢。

Answer 1

添加height: 100%;到table并向div围绕td应该做的伎俩。这里是更新的小提琴。 http://jsfiddle.net/jKGUC/9/

Answer 2

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

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

Answer 3

如果家长不是“像素”，其子女的身高是不可能设置“百分比”