Iframe，全屏css-为什么使用滚动条

我想在iframe上全屏显示。代码如下：

下面是演示：

为什么是滚动条？出于某种原因，我不能对iframe使用

position:absolute

，也不希望在body上使用

overflow:hidden

---

如何隐藏滚动条，为什么会出现滚动条？

在iFrame上指定

display:block

。jsBin为您规范化CSS：

#test {  
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
    background: #ff0000;
    display: block;
}

---

请参见此处的工作演示>

好主意。我刚刚检查了Chrome中的iframe，我看到它是

内联的

，但可能我太累了，没有意识到这就是问题所在。谢谢你，本姆。那么这个问题实际上与JSBin功能有关吗？从技术上讲，不是。JSBin似乎在应用程序内部查看CSS时规范化了CSS（即添加

display:block

）。请参见jsBin上

style.css

的第446行。。。