適合元素的可用高度css

Question

我有兩個元素在body，div和iframe中。 div頭部有固定的高度（100px），所以我希望iframe適合所有其餘的高度。正文不能顯示滾動條，但iframe必須有滾動條。

Here an example.

Thak你。

Answer 1

您可以使用calc()此：

.content{ 
    height: -moz-calc(100% - 100px); 
    height: -webkit-calc(100% - 100px); 
    height:   calc(100% - 100px); 
} 

• Example
• Browser Compatibility（基本上IE9 +）