的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/