Div AutoResize（好像它是空的）

Question

我有一排div。左侧的所有div都调整大小以适应其内容。我希望左边的div调整大小以适应其内容，但我希望它能够服从右边的div。因此，如果右边的div变得非常大，左边的div将会切断其内容（无论多长时间）并且缩小到适合右边div的大小。

这可以找到左边的div是否为空，但如果它有内容，则它不会调整大小。

有没有人知道这样做的方法？

Answer 1

http://jsfiddle.net/6WuVz/

带有重新排序元素的HTML：

<div class="r">Right 1</div>
<div class="r">Right 2</div>
<div class="l">Left</div>

CSS：

.r {
    float: right;
}

.l {
    overflow: hidden; /* turn into a "Block Formatting Context" */
}

详细了解BFC如何占用花车留下的剩余空间：

http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/

旧IE的BFC：

display: block; overflow:hidden; zoom:1; position:relative;

Answer 2

在计算了其他div尺寸后，设置页面加载的宽度和/或高度。使用jquery：

$( function() {
   $("#leftdiv").width($("#rightdiv").width()) 
   $("#leftdiv").height($("#rightdiv").height());
});