做靜態/相對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％。）