Portlet 仅在 IE7 中正确关闭

Question

以下代码将关闭我页面上基于jQuery sortable portlets 的小部件。

$(document).on("click", ".widget_minimise_button", function( ){
    $( this ).closest( ".widget" ).find( ".widget_sub_header, .widget_content" ).toggle();
});   

这就像关闭小部件一样，但是如果我关闭了足够多的小部件以使一列变为空，则将空列右侧的列移动到左侧以填充空列空间。这不应该发生，而且在 IE7 中也不会发生，它在 IE7 中可以正常工作，但在 IE8、Google Chrome、FireFox 和 Opera 中则不行。

不是 100% 的问题出在哪里，很可能是 CSS 问题？我包括一个完整的 jsFiddle：

jsFiddle：http://jsfiddle.net/oshirowanen/89uqU/1/

要关闭小部件，请单击小部件标题中的(c)，而不是页面标题中的(c)。然后点击关闭。

Answer 1

如果你给你的.column 提供min-height: 100px; 或padding-bottom: 100px; 之类的东西，它会解决你的问题。