如何在不指定宽度的情况下并排浮动两个div？

Question

我有两个div,第一个没有太多内容,第二个有很多内容.我希望它们并排浮动,使得第一个div仅与文本一样宽,第二个div填充剩余的水平空间.并且,我不想指定固定宽度.

这是使用表格所需的外观:http: //jsfiddle.net/enRkR/

这可以通过CSS浮点数轻松完成,还是表格布局是实现这种外观的唯一方法？

Answer 1

是的,你可以用css做它,它可以在所有浏览器中使用.这样做:

.right{
    overflow:hidden;
    background:red;
}
.left{
    float:left;
    background:green;
}