Данный код вместо того, чтобы выводить 4 и 5 на следующей строке после 1,2,3 выводит 4 и 5 лишь по завершении firstDiv (по высоте).Код:<body style="margin:0px;padding:0px;"> *<div id="firstDiv" style="width:200px;height:100px;float:left;background-color:#dddddd;">123</div> *<div style="margin-left:220px;"> * *<div style="float:left;">1 2</div> * * *3 * * *<div style="clear:left;">4</div> * * *5 *</div> </body>
Как сделать так, чтобы соответствующих проблем не возникало?
[/quote]
И правильно делает.
[/quote]
Каких проблем? Нет никаких проблем... Наблюдаем адекватное и ожидаемое поведение...
[/quote]
clear: left;
опускает блок ниже всех левых флоатов, что собственно и должен делать...
Так что как уже сказано все абсолютно верно...
Может вы хотите такого?
Код:<body style="margin:0px;padding:0px;"> <div id="firstDiv" style="width:200px;height:100px;float:left;background-color:#dddddd;">123</div> <div style="margin-left:220px;"> * <div >1 2</div> <div style="float:left;"> 3 * *4 * * 5</div> </div> </body>
Ваши права
