高度百分比不起作用？

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

如果家長不是「像素」，其子女的身高是不可能設置「百分比」