DIV的高度和寬度

我想有一個寬度填充100％的視口和高度相同的div寬度的10％的div。我一直在嘗試height: 10vw;，但它不適用於所有瀏覽器（特別是Firefox和Android）。有什麼我一直想念的嗎？什麼應該是實現它的最佳方式？DIV的高度和寬度

謝謝！

更新：它是相同的div。想要一個寬度爲100％，高度爲10％的DIV。

2013-06-01 VOX

'{HTML身高：100％;}' – deerchao

您寫道：「視口寬度的100％，DIV寬度的10％」你要求的寬度和高度或兩個獨立的div的？請編輯澄清。 –

你想把_inside_ div放在什麼位置？ – CBroe

它不適用於所有瀏覽器，因爲它們尚未實現。在Android中，它還沒有工作，並且在Firefox中，它應該可以在版本19和更高版本上工作：http://caniuse.com/viewport-units

您可以將您的元素置於絕對位置，並給它一個100％的高度。它將覆蓋第一個元素的高度的100％，其位置不同於靜態，如果沒有任何元素，那麼它將覆蓋根的高度。並且的根是視口。

div { 
    position: absolute; 
    height: 100%; 
}

還有一個polyfill支持大衆/ VH/VM部。

2013-06-01 12:27:46 pzin

我希望div的高度爲寬度的10％（或視口的寬度）。不是100％的高度。 – VOX

回答