10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения
В чём разница между position: absolute и relative — на примере игры
Если вы когда-нибудь заглядывали в мир создания сайтов или слышали, как ваш ребёнок с увлечением рассказывает о своих первых шагах в программировании, то наверняка встречали загадочные слова вроде «CSS», «позиционирование» и странные фразы с двоеточиями — position: absolute или position: relative. Давайте разберёмся, что скрывается за этими терминами, и сделаем это через знакомую всем аналогию с игрой. Представьте, что вы с ребёнком создаёте волшебный мир на листе бумаги или на игровом поле. В этом...
[CSS] Абсолютное позиционирование - position: absolute
position: absolute - это свойство CSS, которое позволяет задать позицию элемента относительно его первого родительского элемента, который имеет позиционирование, отличное от значения static. Элемент, установленный с position: absolute, не занимает места в потоке документа, и другие элементы могут занимать его место. Для того, чтобы понять, как работает position: absolute, нужно знать еще несколько свойств CSS: Давайте рассмотрим пример: Здесь мы установили position: relative для родительского элемента ...