Javascript 如何防止jQueryUI对话框被挤压？

我有一个相当简单的

div

元素，我想通过jqueryui将其变成一个弹出窗口。HTML基本上是

<div id="login_form">
     <table> ... </table>
</div>

它呈现为这样

恶心

我很确定原因很简单，我没有包括jQueryUICSS文件。我不想包括jQueryUICSS文件

通过检查弹出窗口，我注意到jQuery已经创建了另一个div，它围绕着我提供的div，并且这个div的宽度被设置为300px。我想这就是问题所在——jQueryUI选择了一个太小的大小，并且内部元素没有缩小到合适的大小

我可以让jQuery对话框在不缩小div的情况下使其生效吗？

---

如果没有，我可能可以通过将

width:100%

样式单独添加到内部元素来解决这个问题。在这种情况下，是否有一种通用的解决方法不需要我修改任何内部元素？

.dialog（{width:'auto'}）

可以工作。

jquery width默认为300，请参阅。尝试指定

.dialog（{width:'auto'}）

。（如果愿意，也可以选择其他像素宽度）

 $(document).ready(function()
{
    $("#login_form") .dialog (
    {
        autoOpen: false
    });

    $("#login_or_sign_up") .click (function()
    {
        $("#login_form") .dialog ("open");
    });
});