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