html - 高度百分比不起作用？

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;
}