css - CSS：正确扩展到非固定宽度左列旁边的剩余空间

Question

我的布局中有两列。我希望 right<div>扩展以填充 left 旁边的剩余空间<div>。但是，我希望 left<div>的宽度基于其内容 - 我不想指定特定的像素宽度或百分比。换句话说，无论左列变得多宽，右列都应该简单地填满剩下的水平空间。

纯CSS可以做到这一点吗？

Answer 1

您可以将float:left其用于左侧 div。

检查这个小提琴，我给了它 3 个不同大小的左侧 div 列。