Skip to content

Instantly share code, notes, and snippets.

@codedokode
Last active June 22, 2018 19:14
Show Gist options
  • Save codedokode/3f6063edf0a2227eb313 to your computer and use it in GitHub Desktop.
Save codedokode/3f6063edf0a2227eb313 to your computer and use it in GitHub Desktop.
Флоаты и маргины на них (в том числе отрицательные)

Эта статья перенесена по адресу 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