Есть ли рядом с плавающими элементами получить отступы по умолчанию? - PullRequest
1 голос
/ 13 февраля 2012

Я установил контейнер и три элемента внутри. Первые два выпускаются, а третий не размещены . (четвертый div добавлен только для уточнения моего вопроса)

Я изменил границу первых двух элементов div, чтобы сделать ее более прозрачной, чтобы было более понятно, что thirdDiv начинается прямо с firstDiv при размещении содержимого самого себя ('THIRD') сразу после secondDiv.

Контент ThirdDiv ('THIRD') помещается сразу после secondDiv.

И вы можете видеть, что на самом деле ThirdDiv имеет границу, начатую с самого начала

Итак, мой вопрос в том, что следующий за плавающим элементом (thirdDiv) по умолчанию получает отступ от этого направления? Как показывает в моем коде 155px.

1 Ответ

3 голосов
/ 13 февраля 2012

Нет, по умолчанию не всплывающие элементы не получают отступы.контейнер начинается под вашими плавающими элементами.Тем не менее, content в div относится к типу float и сдвигается вправо.Если вы примените overflow:hidden к не всплывающему контейнеру, то у него будет «автоматическое поле» с учетом плавающих элементов div.(Вы можете видеть это здесь - появляется левая граница.)

РЕДАКТИРОВАТЬ: фактически это подобно заполнению, хотя отступов нет!

Пример со скрытым переполнением .

Пример без скрытого переполнения и без заполнения

Пример без скрытого переполнения и заполнения слева

обратите внимание на границу и расположение дополнительного текста!

РЕДАКТИРОВАТЬ 2: в зависимости от того, какое значение больше, либо заполнение, определенное вашим CSS, либо расчетное заполнение (ширинапоплавки) применяется.В любом случае, ваши заданные отступы и «вычисляемый-плавающий-отступ» разрушаются!

...