iframe高度%以上不适用于IE

Question

标题说明了一切,而在不同的浏览器高度:61%; 工作正常它不在IE中,似乎它自动设置高度完全忽略我的CSS.如果我尝试将其设置为像素,它工作正常,但我希望高度适合较低的分辨率,所以我需要在这里使用61%.

码:

#ifrm
{
overflow: hidden;
width: 70%;       /*990px*/
height: 61%;      /*630px*/
border-width: 0px;
margin: 0 auto 0 auto;
float: left;  
}

容器div高度设置为100%

这就是Chrome上的样子:

这就是它在IE上的样子:

我个人非常讨厌这个浏览器,因为它总会带来很多麻烦.昨天我被迫在我的动画上改变SVG到PNG图像,因为IE无法处理旋转,整个事情被扭曲^^任何想法？

这是演示:

http://klaunfizia.pl/damian/

Answer 1

实际上它不是IE的问题,在Firefox中我可以看到与IE中相同的内容.

试着把:

html, body{
    height: 100%;
}

发生这种情况是因为默认情况下浏览器会将所有块元素的宽度设置为100%,但这不是高度的默认行为.