css - iframe，全屏 css - 为什么滚动条

Question

我想在 iframe 上制作全屏。这是代码:

http://jsbin.com/ibopes/1/edit

这是演示:

http://jsbin.com/ibopes

为什么要滚动条？出于某种原因，我不能对 iframe 使用 position: absolute，而且我不想在 body 上使用 overflow: hidden。

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

Answer 1

在您的 iFrame 上指定 display: block。 jsBin 为您规范化 CSS:

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

在此处查看工作演示> http://jsbin.com/ibopes/5