将 div 放在另一个旁边

Question

我想在另一个 div 旁边放置一个 div。它们都应具有 100% 的宽度，其中左侧 div 具有以 px 为单位指定的宽度。这个宽度可以变化。我希望正确的 div 扩展到右侧，以便两个 div 一起占 100%。

我做了一个小提琴来描述我的问题：http://jsfiddle.net/2gWLn/ 如您所见，“正确”一词不在一行中。我试图通过将padding-left 或float: left 应用于正确的div 来解决这个问题。但这不起作用，因为左侧 div 的宽度可以变化，所以我不能指定为 padding-left。

我该如何解决？

Answer 1

以下可能有效：

.right {
    width: auto;
    height: 200px;
    background-color: yellow;
    overflow: auto;
}

将overflow: auto 设置为.right，这将为.right 建立一个新的块格式化上下文，从而防止.right 的内容与相邻的浮动元素交互。另外，将宽度值设置为auto 而不是100%。 （100% 的宽度值适用于 Firefox，但不适用于 Chrome 或 IE。）

查看演示：http://jsfiddle.net/audetwebdesign/9X6VY/