Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save odykyi/f3e9efbda22e27e7dad1eab96f6fc039 to your computer and use it in GitHub Desktop.
Save odykyi/f3e9efbda22e27e7dad1eab96f6fc039 to your computer and use it in GitHub Desktop.
Флоаты и маргины на них (в том числе отрицательные)

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

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

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

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

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

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