做静态/相对div接受高度％

Question

我有一个div需要静态/相对定位。当它的高度和宽度均以％定义时，浏览器（FF）会忽略高度集并呈现非常小的div。但是，当我将高度设置为px（大致相同的计算值）时，它可以顺利运行。

以％定义的宽度完美地工作。

由于分辨率/缩放问题，我还需要用％定义高度。

Answer 1

您需要指定height s的所有祖先div。

Answer 2

您可以通过用JavaScript操纵元素的像素高度来模拟百分比。

Answer 3

从http://reference.sitepoint.com/css/height：

百分比值指的是元素的包含块的高度 。如果 包含块的高度 未明确指定（即， 取决于内容高度），并且该元素不是绝对 定位，则将百分比值为 视为auto。百分比值为 也被视为表格单元格的自动处理， 表格行和行组。

希望有所帮助。

Answer 4

此外，使用百分比值时请注意different browser behaviors。 （例如，仅仅因为4x25％等于100％，并不意味着你的div会占用100％。）