Javascript YUI2对话框未正确隐藏对话框标记

使用YUI的对话框小部件，它工作得很好，除了使用大型对话框（考虑大量内容）时，页面中会出现明显的副作用。。。页面末尾有大量空白和滚动条

下面是一个例子：

->

我所做的只是在developer.yahoo.com/yui/examples/container/Dialog-quickstart_clean.html上为对话框添加了原始示例，并添加了更多标记（以Lorem Ipsum的形式）

如果查看代码的设置方式，则标记（在#dialog1中）在页面上完全可见，直到Yahoo.util.Event.onDomReady激发，并且对话框在中实例化

YAHOO.example.container.dialog1 = new YAHOO.widget.Dialog("dialog1", 
      { width : "30em",
        fixedcenter : true,
        visible : false, 
        constraintoviewport : true,
        buttons : [ { text:"Submit", handler:handleSubmit, isDefault:true },
             { text:"Cancel", handler:handleCancel } ]
      }); 

在这一点上，保存我所有标记的普通jane被一个容器包装起来，

这将是好的，除了这个内容仍然是我的布局的一部分，并且滚动条和垂直空间是存在的。如果我尝试向yui覆盖添加样式，则隐藏显示：无或高度：0；溢出：隐藏，我得到奇怪的副作用，如覆盖被错误地定位时，它的显示。到目前为止，唯一真正产生影响的方法是将dialog1放入高度为0的包含div中；溢出：隐藏，但在IE7中不起作用（初始化后页面上仍然存在空白）

---

感谢您的帮助，我非常感谢。

我将所有对话框放在一个带有以下css的div中：

div.dialogs{显示：无；位置：固定；顶部：0px；左侧：80px；

---

工作正常到目前为止，由于对话框的原因，我不再有滚动条和垂直空间。我包括

display:none

以隐藏html，直到对话框被呈现之后，一旦它们被呈现，我将显示更改为“block”。如果不这样做，预呈现的html会在一两秒钟内可见，导致页面有点闪烁。

我使用以下css将所有对话框放在一个div中：

div.dialogs{显示：无；位置：固定；顶部：0px；左侧：80px；

工作正常到目前为止，由于对话框的原因，我不再有滚动条和垂直空间。我包括

display:none

以隐藏html，直到对话框被呈现之后，一旦它们被呈现，我将显示更改为“block”。如果不这样做，预呈现的html会在一两秒钟内可见，导致页面有点闪烁