jQuery Dialog使滚动条出现在主要内容中

Question

jQuery对话框的这个测试使得在打开对话框时滚动条出现在主要内容中。 当我触摸对话框调整大小时，滚动条会消失。 这是我定义对话框或内容太多的方式吗？ 单击右上角的[！]以查看此内容。 平台：XPsp3，浏览器：FF3.6.3，IE8，Safari 5谢谢

Answer 1

请参阅此处了解几种不同的方法： 打开模态对话框显示水平滚动条

快速CSS修复：

.ui-widget-overlay {
   position: fixed;  /* <---------- */
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

或者在打开对话框时调用它：

open: function(event, ui){
    $('body').css('overflow-x', 'hidden');
}

Answer 2

为什么对话框容器div将样式属性position设置为relative ，这应该是jQuery UI演示的 absolute 。

当我在firebug中将其更改为absolute时，滚动条问题会自行恢复。