Есть ли способ с шириной 0 предотвратить свертывание плавающих divs

Question

Во-первых, эта проблема не связана с тем, что элементы блока сворачиваются при перемещении их дочерних элементов.На самом деле проблема вообще не имеет никакого отношения к очистке.

Проблема заключается вот в чем.Предположим, у меня есть серия плавающих divs, таких как:

<div class="column">Column 1</div>
<div class="column"></div>
<div class="column">Column 3</div>

С помощью css:

div.column { float: left; width: 200px; }

Средний столбец будет разрушен в последних версиях Firefox и Safari, хотя, по-видимому, не в IE7. Чего я хочу, так это поведения IE7.

Я понимаю, что могу добавить   и это будет держать div открытым, но в данном случае у меня это не работает, потому что у меня также есть подобное объявление:

div.column input { width: 100% }

У меня есть ряд столбцов, расположенных в табличном формате, при определенных условиях поля ввода исчезают.Проблема в том, что когда входные данные исчезают, поле сворачивается.Если я добавлю   это приводит к переносу div.Просто чтобы избежать первоначальных вопросов:

• Почему бы мне вместо этого не использовать таблицу? Потому что я использую Scriptaculous Sortable для перетаскивания строк, что не работает с таблицами
• Почему бы мне не использовать меньшую ширину пикселя, чтобы оставить место для  ? Потому что width: 100% является более точным во всех браузерах.
• Почему бы мне не добавить   когда я скрываю входные данные Возможно, в конечном итоге я прибегну к этому, но в JS это было бы несколько некрасиво, поэтому я надеюсь на лучший способ.

Есть ли у кого-нибудь здесь какие-нибудь умные хаки?Поскольку и Safari, и Firefox ведут себя подобным образом, я предполагаю, что это официально санкционированное поведение.Где это обсуждается в спецификациях W3C?

Answer 1

А?Разве вы не должны просто присвоить ему случайную высоту?Можете ли вы показать демо-версию?