Angenommen, wir haben diesen Code:

<div id='upperDiv' style='min-height:200px;border: 1px solid #000000;'>
     <div id='rightDiv' style='float:right;width:75%;'>
       content1
     </div>  
     <div id='leftDiv' style='float:left;width:25%;'>
       content2
     </div>
</div>
<div id='lowerDiv' style='height:50px;border: 1px solid #000000;margin-top:5px;'>
   content3
</div>

Wenn der Inhalt von rightDiv und leftDiv die Höhe von 200px (die minimale Höhe) überschreitet, wächst upperDiv nicht, sodass der Inhalt den unteren Bereich überlappt. Wenn ich das float-Attribut des großen Inhalts entferne, wächst es und es wird ein Problem geben. Aber ich weiß nicht, welche Div (rightDiv oder leftDiv) 200px Höhe überschreitet. Wie kann ich das beheben?

Vielen Dan