Iframe和Firefox/IE漏洞

我尝试

的内容和使用

位置：固定

用于音乐播放器条，使其保持在页面底部

演示：

HTML:

音乐播放器

CSS:

正文{
保证金：0；
身高：100%；
}
iframe{
边界：0；
显示：块；
身高：100%；
宽度：100%；
}
#玩家{
背景色：黑色；
底部：0；
颜色：白色；
左：0；
位置：固定；
高度：30px；
宽度：100%；
}

遗憾的是，这对IE或Firefix 9不起作用，它只是在一个小高度窗口中显示内容：

---

我该如何解决这个问题？

我以前也看到过类似的问题，幸运的是解决方法非常简单——IE和Firefox只需要将html高度设置为100%。因此，将样式的第一个元素更新为：

html, body {
    margin: 0;
    height: 100%; 
}

---

这应该行得通。

你也应该考虑分为<代码> iFrAMe和<代码> div <代码>高度百分比。如果为

iframe

指定

100%

，div可能会隐藏滚动条

你可以把它改成

iframe {
    border: 0;
    display: block;
    height: 97%;
    width: 100%;
}
#player {
    background-color: black;
    bottom: 0;
    color: white;
    left: 0;
    position: fixed;
    height: 3%;   
    width: 100%;
}