Ошибка 3px float
![]() |
При использовании плавающего блока (свойство float для блока выставлено в «left» или «right») в соседнем с ним по горизонтали блоке текстовые строки будут сдвинуты на 3px. При этом сдвинуты будут только те строки, расположенные непосредственно напротив плавающего блока (смотри рисунок). Изображению соответствует следующий html-код:
div.cont {background-color:#F0F0F0; border:1px solid #666666; width:200px}
div.test {float:left; border:1px solid #666666; width:40px; margin:5px; background-color: #F0F0FF}
p.test {margin:5px 5px 5px 65px; border:1px solid #666666; background-color: #F0F0FF}
...
<div class='cont'>
<div class='test'>000</div>
<p class='test'>
ssssssssss<br>
ssssssssss<br>
ssssssssss<br>
ssssssssss<br>
</p>
</div>
|
Рекомендации
Обойти данную ошибку можно в Internet Explorer если назначить для обтекающего блока режим отображения (свойство display) равное «inline-block». Для более ранних версий Internet Explorer решение данной задачи не известно.

