Отмените
изменения в примере с фиксированным
позиционированием и затем измените
порядок стека четырех абсолютно
позиционированных квадратов, так чтобы
серый квадрат был внизу, а затем шли
синий, желтый и голубой квадраты в
данном порядке. (Совет: удалите все
объявления z-index
и начните сначала.)
Переместите
желтый квадрат вверх и вправо, задавая
top:-1em
и left:8em.
Затем сделайте так, чтобы он появился
позади элемента #outer,
чтобы красная граница пересекала желтый
квадрат.
Повторите
трех-столбцовую компоновку, созданную
в статье о статическом и относительном
позиционировании, используя вместо
этого абсолютное позиционирование.
Так как будет невозможно создать нижний
колонтитул во всю ширину, можно удалить
элемент #footer,
но больше ничего изменять в разметке
не разрешается (кроме ссылки на таблицу
стилей).
Модифицируйте
компоновку из предыдущего упражнения,
чтобы навигация использовала фиксированное
позиционирование. Нужно будет удалить
автоматические горизонтальные поля
на элементе body,
чтобы это было возможно. Добавьте
достаточно контента в основной столбец
и/или боковую панель, чтобы появилась
панель прокрутки, чтобы можно было
проверить, что все работает.