CSS, чтобы дать float внутри контейнера приоритет

Question

float:left ведет себя по-разному в chrome и ie7, как показано этой скрипкой и ascii-art ниже:

IE7 делает,

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

вместо

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

Есть ли способ получить ie7-поведение во всех браузерах?

Другими словами, не стеки col1 и col2, если страница не очень узкая. Цель состоит в том, чтобы создать «сверхтекучий» макет из двух столбцов, в котором col1 соответствует своему содержимому, а col2 использует оставшуюся ширину окна и переносит его содержимое или отображается ниже col1, если он не может поместиться рядом с ним.

Переписано, чтобы быть более точным после обратной связи в ответе и комментариях.

Answer 1

У меня все еще проблемы с пониманием того, что вы ищете и в чем проблема.Я собираюсь просто опубликовать ответ, и вы можете зачеркнуть идеи по ходу дела.

Попытка 1:

Вам необходимо установить ширину как минимумодин из столбцов.

Попробуйте и скажите, что с ним не так.http://jsfiddle.net/LpkQX/27/

Попытка 2:

Плавающая правая колонка внутри левой колонки.Теперь column1 - это просто оболочка.

http://jsfiddle.net/LpkQX/28/