Понимание принципов CSS-позиционирования крайне важно для создания качественной вёрстки. Обычно блочные элементы, такие как <div> и <p>, занимают всю ширину страницы и создают перенос строки — то есть следуют друг за другом по вертикали.
Строчные элементы, такие как <img> или <span>, занимают лишь необходимое пространство, поэтому несколько небольших inline-элементов могут находиться на одной строке.
Позиционирование в CSS изменяет этот стандартный поток документа, позволяя перемещать элементы относительно их обычного положения, других элементов или окна браузера. В этом уроке вы узнаете о разных способах позиционирования и наиболее распространённых сценариях их использования.
Свойство CSS position со значением static
Static — это значение по умолчанию для свойства position. Оно означает, что браузер будет размещать элемент согласно обычному потоку страницы. Такие элементы считаются непозиционированными, и на них не влияют свойства top, bottom, left, right и z-index. Элементы с любым значением position, кроме static, считаются позиционированными…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!