CSS: DIV containing no height on float set
问题 assume we have this 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> When content of rightDiv and leftDiv passes the 200px height (the min height) upperDiv doesn't grow, so its content overlaps the lower div. If I remove the float