Gibt es eine 0-Breite Weg gefloatete divs zu verhindern kollabiert

Question

Erstens ist dieses Problem nicht über Blockelemente kollabieren, wenn ihre Kinder schwebten werden. In der Tat hat das Problem nichts mit Clearing überhaupt zu tun.

Das Problem ist folgendes. Angenommen, ich habe eine Reihe von schwebte divs wie:

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

Mit CSS:

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

Die mittlere Spalte wird in neueren Versionen von Firefox und Safari kollabiert, obwohl sie offenbar nicht IE7. Was ich will, ist das IE7 Verhalten.

Ich weiß, ich kann eine   hinzufügen und es wird die div offen halten, aber das in diesem Fall für mich nicht funktioniert, weil ich auch eine Erklärung wie diese:

div.column input { width: 100% }

Ich habe eine Reihe von Spalten in einem tabellenartigen Format gelegt, mit bestimmten Bedingungen verursachen die Eingabefelder zu verschwinden. Das Problem ist, wenn die Eingabe des Feld kollabiert verschwindet. Wenn ich ein   hinzufügen bewirkt, dass es das div zu wickeln. Nur um den Kopf die ersten Fragen aus:

• Warum ich eine Tabelle nicht stattdessen verwenden? Weil ich Scriptaculous Sortable bin mit Reihen zu ziehen, die mit Tabellen nicht funktioniert
• Warum kann ich nicht eine kürzere Pixelbreite lassen Raum für eine   verwenden? Da width: 100% ist genauer in allen Browsern.
• Warum ich kein   hinzufügen, wenn ich den Eingang blende ich kann am Ende zu dieser zurückgreifen, aber es wäre in der JS Art von hässlich sein, so hoffe ich, für eine bessere Art und Weise.

Hat jemand eine clevere Hacks hier? Da sowohl Safari und Firefox auf diese Weise verhalten, gehe ich davon aus dem offiziell Verhalten sanktioniert wird. Wo werden diese in den W3C-Spezifikationen diskutiert?

Answer 1

Wie? Sollten Sie es nicht nur eine zufällige Höhe geben? Können Sie sich eine Demo zeigen?