将元素拟合到可用高度css

时间:2013-05-27 15:43:20

标签: html css layout position

我身体中有两个元素,一个div和iframe。 div标题有固定高度(100px)所以,我希望iframe适合所有其他高度。正文无法显示滚动条,但iframe必须有滚动条。

Here an example.

Thak you。

1 个答案:

答案 0 :(得分:1)

您可以使用calc()

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