Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Флоаты и маргины на них (в том числе отрицательные)

Эта статья перенесена по адресу https://github.com/codedokode/pasta/blob/master/html/float-margins.md Ниже старая, не обновляемая версия статьи.


На флоатах можно задавать маргины с 4 сторон, в том числе отрицательные. Некоторые маргины отталкивают/втягивают сам флоат, а некоторые - отталкивают/втягивают окружающий его текст и элементы. На картинке я попытался это отобразить.

Для float left: левый маргин влияет на флоат, правый — на окружающие элементы

Для float right: левый маргин влияет на окружающие элементы, правый — на сам флоат

Верхний маргин всегда влияет на флоат, нижний на окружающие элеименты.

Флоаты и маргины

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment