Свойство margin-top CSS определяет внешний отступ в верхней части элемента. Положительное значение поместит элемент дальше от соседних элементов, чем обычно, а отрицательное значение поместит его ближе
MDN web docs
MDN web docs
Если же рассмотреть частный случай:
margin-top: 10%;то окажется, что 10% — это довольно неожиданный параметр. Лично для меня он оказался не настолько очевидным. Хотя top и означает ВЕРХ, тем не менее данное значение считается «относительно ШИРИНЫ ближайшего контейнера«, а не его высоты. как это можно было логично предположить!
То же самое касается и свойства margin-bottom.
Если есть желание почитать, почему именно так считается, вот ссылка.
DenTNT недавно публиковал (посмотреть все)
- Не приходит СМС для авторизации на сайте Госуслуги - 01.11.2024
- VSCode: Найти и удалить элементы xml - 29.10.2024
- WordPress: Ошибка в плагине WpDiscuz - 08.10.2024