在打开内部div（jQuery-ui portlets）时，div左右两列div应该动态地改变它的高度

Question

当我打开左栏中的div时，如何围绕两列分区（jQuery-ui portlet）排列动态改变它的高度？ 当我打开右栏上的div（portlet）时，下面的文本和div以及文本向下滑动，而当我在左栏中打开div时，它们只显示在页面其余部分的上方。

我创造了一个小提示来表明我的问题：

http://jsfiddle.net/EVq5T/5/

Answer 1

清除浮子......

.example{
background-image:url('http://lorempixel.com/output/nature-q-c-600-20-1.jpg');
height: 20px;
margin-bottom: 10px;
clear: both;    /* <----- added this line */
}

Updated Fiddle