Проблемы с float:left и clear:left

Вид для печати

25.09.2007, 18:43
kouzma

Код:

<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>

Данный код вместо того, чтобы выводить 4 и 5 на следующей строке после 1,2,3 выводит 4 и 5 лишь по завершении firstDiv (по высоте).

Как сделать так, чтобы соответствующих проблем не возникало?
25.09.2007, 19:21
Aykroyd

Цитата:

Originally posted by kouzma@Sep 25 2007, 18:43
Данный код вместо того, чтобы выводить 4 и 5 на следующей строке после 1,2,3 выводит 4 и 5 лишь по завершении firstDiv (по высоте).
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
И правильно делает.

Цитата:

Originally posted by kouzma@Sep 25 2007, 18:43
Как сделать так, чтобы соответствующих проблем не возникало?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Каких проблем? Нет никаких проблем... Наблюдаем адекватное и ожидаемое поведение...
27.09.2007, 12:23
Cheese

Цитата:

Originally posted by kouzma@Sep 25 2007, 16:43
Как сделать так, чтобы соответствующих проблем не возникало?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/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>