Позиционирование / Абсолютное позиционирование [8/20]
×

Абсолютное позиционирование [8/20]

Значение absolute свойства position задаёт элементу абсолютное позиционирование.

Абсолютно спозиционированные элементы обладают следующими особенностями:

  1. Выпадают из потока документа. Место, которое они занимали, становится как бы пустым и его занимают соседние элементы.
  2. Ширина по умолчанию зависит от содержимого (а не растягивается на всю доступную ширину).
  3. Остаются на том же месте, где были, если не заданы значения свойств top, left, right, bottom.

Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Абсолютное позиционирование</title> </head> <body> <div class="block">Блок 1</div> <div class="block-absolute">Блок 2</div> <div class="block">Блок 3</div> </body> </html>
CSS
body { padding: 20px; } .block { margin-bottom: 20px; padding: 10px; text-align: center; color: white; background: #3a78a1; } .block-absolute { margin-bottom: 20px; padding: 10px; color: white; background: rgba(255, 0, 0, 0.5); }
HTML Academy
  1. Задайте блоку с классом block-absolute абсолютное позиционирование.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.