Ещё один распространенный тип меню — это меню с выпадающими подменю. Обычно в таких меню только два уровня, но встречаются и многоуровневые, когда из выпадающего подменю может выпадать ещё одно и так далее.

Разметка таких меню простая — обычный многоуровневый список, который вы уже делали в этой части. При создании такого меню необходимо использовать абсолютное и относительное позиционирование.

Обычно элементам списка li верхнего уровня задают относительное позиционирование, а для выпадающего меню — абсолютное.

Начнём создавать такое меню с этапа, когда готова разметка и базовые стили списков и пунктов. Для удобства фон подменю сделан светло-коричневым, а подменю есть только у одного пункта.