Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
184
Добавлен:
10.05.2015
Размер:
1.06 Mб
Скачать

Контрольные вопросы

  • Отмените изменения в примере с фиксированным позиционированием и затем измените порядок стека четырех абсолютно позиционированных квадратов, так чтобы серый квадрат был внизу, а затем шли синий, желтый и голубой квадраты в данном порядке. (Совет: удалите все объявления z-index и начните сначала.)

  • Переместите желтый квадрат вверх и вправо, задавая top:-1em и left:8em. Затем сделайте так, чтобы он появился позади элемента #outer, чтобы красная граница пересекала желтый квадрат.

  • Повторите трех-столбцовую компоновку, созданную в статье о статическом и относительном позиционировании, используя вместо этого абсолютное позиционирование. Так как будет невозможно создать нижний колонтитул во всю ширину, можно удалить элемент #footer, но больше ничего изменять в разметке не разрешается (кроме ссылки на таблицу стилей).

  • Модифицируйте компоновку из предыдущего упражнения, чтобы навигация использовала фиксированное позиционирование. Нужно будет удалить автоматические горизонтальные поля на элементе body, чтобы это было возможно. Добавьте достаточно контента в основной столбец и/или боковую панель, чтобы появилась панель прокрутки, чтобы можно было проверить, что все работает.

15