Question

float:left在chrome和ie7中的行为有所不同，如this fiddle和ascii-art所示：

IE7确实，

<-width->
Col1 Col2
text # #
     # #
     # #

而不是

<-width->
Col1
text
col2
# # # # #
#

有没有办法在所有浏览器中获得ie7行为？

换句话说，除非页面非常窄，否则不会堆叠col1和col2。目标是使用“superfluid”双列布局，其中col1适合其内容，col2使用窗口的剩余宽度并包装其内容，如果它不适合它，则显示在col1下面。

在回答和评论中反馈后重写更精确。

Answer 1

我仍然无法理解你所追求的是什么以及问题是什么。我将发布一个答案，你可以在我们去的时候拍下这些想法。

尝试1：

您需要在至少一列上设置宽度。

试试这个并告诉我它有什么问题。 http://jsfiddle.net/LpkQX/27/

尝试2：

将左列中的右列浮动到中。现在column1只是一个包装器。