html - 2个动态大小的div + float :left

Question

抱歉标题不好。

所以我在一个固定大小的容器内有 2 个都具有 float:left 属性的 div。每个 div 都可以有可选的大小。问题是，如果我用大量文本填充 div2，它会低于 div1，但它们应该彼此相邻。我希望 div2 变小，而不是低于 div1。

检查 JS Fiddle 上的示例:

Answer 1

尝试

.div2 {
    float: none; /* default value */
    overflow: hidden;
}

Demo