Div-Spalten wie Tabellenspalten

Question

Ich habe drei Spalten, die div s sind wie Tabellenzellen, eine auf der linken Seite, eine in der Mitte, eine auf der rechten Seite. Die div s zu den Seiten haben feste Breiten, die sie stationär machen. Wenn in einer HTML-Tabelle mit drei Spalten die linke oder die rechte entfernt wird, wird normalerweise die nichtstationäre ausgebracht, um die Fläche zu füllen. Ich muss das mit divs machen.

Ich habe versucht, linke und rechte Spalten in der mittleren Spalte anzuhängen und Float-Eigenschaften für jeden einzelnen festzulegen, konnte aber die Länge des Inhalts nicht schätzen. Wenn der Inhalt zu lang war, wurde der Text daher unten in anderen Spalten platziert. Ich habe auch versucht, die Eigenschaft display, um es als eine Tabellenspalte rendern. Es funktioniert wie beabsichtigt. Allerdings ist es nicht wirklich browserübergreifend kompatibel und verursacht mir solche Probleme.

Gibt es eine Möglichkeit, dies zu erreichen, indem Sie nur einige CSS-Einstellungen vornehmen, sodass sich meine nicht-stationäre Spalte selbst auflädt, wenn ich einen der stationären div s entferne? Ich versuche die Verwendung von JavaScript zu vermeiden, es sei denn, ich muss.

Answer 1

Haben Sie versucht, eine Breite in der Mitte div, wie diese Anwendung:

<div id="wrapper" style="clear:both;"> 
    <div id="left" style="width:50px; float: left;"></div> 
    <div id="center" style="width:100%;"></div> 
    <div id="right" style="width:50px; float: right;"></div> 
</div> 

Dies ist das Zentrum machen sollte div jeden übrig gebliebenen Raum ausfüllen