Выпадающее меню CSS3 позиция

Question

Если вы наведите курсор на меню User, то меню отображается слева = 0. Но оно должно отображаться точно под кнопкой User. Как я могу сделать это? (только CSS3)

Answer 1

Добавьте это правило к вашему CSS:

.menu > li {
    position: relative;
}

Объяснение: если вы укажете position: absolute для элемента, top и left будут относиться к первому родительскому элементу, который имеет любой position, отличный от static. Если такой элемент не найден, он будет относительно страницы (как в вашем случае). Указание position: relative является самым простым решением, поскольку элемент не будет извлечен из потока документов.