的Iframe溢出滚动隐藏不显示在CSS

Question

在这里工作是在iframe

<iframe class="iframe_style" id="iframeid" src="#" height="100%" width="100%" ></iframe> 

我使用CSS为溢出：隐藏，但我依然得到滚动..

.iframe_style{ 
border: 3px solid red; 
overflow: hidden; 
} 

JSFIDDLE

对此有何帮助？

Answer 1

正如我可以在自己的提琴看到您设置的iframe overflow到hidden这将为I帧内容

工作，如果你想它body，只需添加

body{ 
    overflow:hidden; 
} 

JSFIDDLE

Answer 2

body, html { 
    overflow: hidden; 
} 

应该这样做。

Answer 3

将display: block添加到iframe。

.iframe_style{ 
    border: 3px solid red; 
    display: block; 
} 

不要忘记说明您添加的边框。使用jQuery从宽度和高度减去边框大小。

var window_height = $(window).height() - 6; 
var window_width = $(window).width() - 6; 

的jsfiddle：http://jsfiddle.net/Lxjy4ae6/50/