Javascript 如何从facebook页面删除垂直滚动条

我想从我的facebook页面中删除垂直滚动条，尽管我已经尝试了很多代码，比如下面的代码，但都不起作用

我将画布高度设置为固定；我在用wordpress，如果有必要的话

有什么建议吗

 <div id="fb-root"></div>
 <script type="text/javascript">  
   window.fbAsyncInit = function() {
    FB.init({
     appId: '0000000000000000', 
     status: true, 
     cookie: true, 
     xfbml: true
    });

    //this resizes the the i-frame 
    //on an interval of 100ms 
    FB.Canvas.setAutoResize(100);

   };
   (function() {
    var e = document.createElement('script');
    e.async = true;
    e.src = document.location.protocol + 
     '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);   
   }());

  </script>

window.fbAsyninit=函数（）{
FB.init({
appId:'0000000000000000'，
状态：正确，
曲奇：是的，
xfbml：对
});
//这将调整i形框架的大小
//以100毫秒为间隔
FB.Canvas.setAutoResize（100）；
};
（功能（）{
var e=document.createElement（'script'）；
e、 异步=真；
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”；
document.getElementById（'fb-root'）.appendChild（e）；
}());

以下解决方案应该有效：

<style type='text/css'>
 #fb-root 
 {
    overflow-y:hidden;
    overflow-x:hidden;
 }
</style>

#根
{
溢出y：隐藏；
溢出x：隐藏；
}

谢谢@Andrew。我将样式直接添加到样式表中（减去），但是，这不起作用。我是否应该在其他地方添加此样式段？这是我试图在FB中显示的外部站点：