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

前端之家收集整理的这篇文章主要介绍了css – 如何在不指定宽度的情况下并排浮动两个div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个div,第一个没有太多内容,第二个有很多内容.我希望它们并排浮动,使得第一个div与文本一样宽,第二个div填充剩余的水平空间量.而且,我不想指定固定宽度.

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

这可以很容易地用CSS浮动来完成,还是表格布局的唯一途径呢?

解决方法

是的,你可以用css&它在所有浏览器中都有效.这样做:
.right{
    overflow:hidden;
    background:red;
}
.left{
    float:left;
    background:green;
}

检查这个实例http://jsfiddle.net/enRkR/8/

猜你在找的CSS相关文章