CSS，Textareas和iframes - height％s

Question

我目前有一個包含div的div，它有兩個子元素：div left和div right。在剩下的div中，我有一個textarea;在div權利，我有一個iframe。

我希望兩個孩子都有80％的身高。以下是相關的標籤我使用：

body { 
    height: 100%; 
} 

iframe { 
    height: 80%; 
} 

textarea { 
    height: 80%; 
} 

iframe的推移整個頁面寬度的80％，爲我所期待的，但textarea的不一路轉到頁的80％ 。我發現它離div高度的80％，並且將div.left高度設置爲100％並不會使textarea佔據它需要的所有空間。

有什麼建議嗎？

Answer 1

因爲高度屬性通常與內容一起長大。所以你可以使用JavaScript來計算確切的高度，並將textarea設置爲很多像素。