静态/相对div是否接受高度％

Question

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

％中定义的宽度完美无缺。

由于分辨率/缩放问题，我需要以％为单位定义高度。

Answer 1

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

Answer 2

来自http://reference.sitepoint.com/css/height：

  

百分比值指的是高度   元素的包含块。如果   包含块的高度   没有明确指定（即，   它取决于内容高度），和   这个元素不是绝对的   定位，百分比值是   被视为汽车。百分比值是   也被视为表格细胞的自动，   表行和行组。

希望有所帮助。

Answer 3

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

Answer 4

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