Форумы портала PHP.SU :: Версия для печати

1. michael - 18 Июля, 2008 - 16:00:27 - перейти к сообщению

CODE (text):
скопировать код в буфер обмена

 
<div style="width:300px;">
<!-- 1 div -->
<div style="float:left;width:100px"><img src="" width="100px" height="100px"/><br/>1111111 1f111111111f 111111111f 111111111111f </div>
<!-- 2 div -->
<div style="float:left;width:100px"><img src="" width="100px" height="100px"/><br/>2222bc xgbx xcvbbxcvb cvhbcbxcbvvcxbcxvbxcvb cxbcv cxvbcxvb  vcxbcxvb cbcvxbcxb </div>
<!-- 3 div -->
<div  style="float:left;width:100px"><img src="" width="100px" height="100px"/><br/>111f </div>
<!-- 4 div -->
<div  style="float:left;width:100px"><img src="" width="100px" height="100px"/><br/>1111111 1f111xcbvvcxbvcx1111f 111111111f xcvbxcvbcx11f </div>
</div>
 

подскажите как можно сделать, чтобы 4 div не оптекал 2 div, а падал на новую строку, не используя clear, так как ширина блока общего может быть любой, и и внутренних блоков тоже может быть любое колличество. Нужно, чтобы при любой ширине непомещающийся блок падал на начало строки, а не оптекал длинный текст, т.е. падал по самой длинной высоте существующего блока