Ошибка 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 решение данной задачи не известно.

Навигация

Раскрасить раскраску on line, скачать . В россии ниссан микра, рено кангу . создание шапки для сайта создание сайта - дизайн студия intinity