Question

这里的小提琴：http://jsfiddle.net/maniator/8Lhns/如果你点击任何一个链接（比如View Uploads），jQuery对话框的标题栏就会被拉伸。

但是当您在常规视图http://jsfiddle.net/maniator/8Lhns/show/中查看同一页面然后单击链接时，该对话框看起来正常（如果浏览器已最大化，则浏览器为不最大化，你有同样的问题。）

如何修复它以使对话框无论如何都看起来正常？

Answer 1

这是float: left;

上的#content

Answer 2

只需将此CSS样式添加到样式表：

.ui-dialog { clear: both; }

Answer 3

问题是@Interstellar_Coder所说的float: left

我通过在div之后添加到对话框中来解决问题：

        var widg = div.dialog('widget');
        widg.css('clear','both');

这解决了这个问题，但它真的是一个黑客。一般来说，页面的CSS应该更好。