Floating div Problem

Question

Ich habe ein Floating Div mit dynamischen Inhalten drin. In der ersten Reihe brauche ich vier divs, ähnlich wie in 2., 3., 4. etc. Ich brauche vier Divs. Ich kann einem einzelnen Div eine Klasse zuweisen und es generiert automatisch den Rest der Divs. Mein Problem ist, dass ich die Min-Höhe zu einem Div festlegen kann, aber ich kann die maximale Höhe nicht festlegen, wie der Inhalt dynamisch erstellt wird. Wenn der Inhalt niedrig ist, sitzen die Divs nicht in einer geraden Reihe. Aus diesem Grund bekommen die kommenden Divs auch Probleme, wie man diese Divs anordnet?

Answer 1

Eine Sache, die Sie tun können, ist die Höhe machen fixiert und verwenden overflow CSS-Eigenschaft auf hide den Text zu verbergen, und verwenden Sie das Attribut title den gesamten Text in einem Tooltip zu zeigen.

Answer 2

Lass uns das klarstellen. Sie haben mehrere Zeilen mit 4 DIVs in jedem - nennen wir sie Zellen nur zum Spaß. Sie möchten, dass ihre Höhe bei dynamischem Inhalt über die gesamte Zeile gleich ist. Ich werde hier ein wenig aussteigen und dir vorschlagen, einen Tisch zu benutzen.

Answer 3

Auf die erste Zeile die neue Zeile hinzufügen clear:both;. Das wird alle divs in einer geraden Reihe machen.

div {float:left;border:1px solid #000;margin:20px;width:100px;} 
.clear_both{clear:both;} 
.one {height:100px;} 
.two {height:50px;} 
.three {height:200px;} 
.four {height:150px;} 

<div class="one"></div> 
<div class="two"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="two clear_both"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="one"></div>