CSS Position: Абсолют с относительной настройкой

Question

Я пытаюсь сделать вертикальное выпадающее меню. Это мой код

.menu li:hover>ul{
position:absolute;
display:inline;
    left:120px;
    top:100px;}

Я использую позицию: Абсолют, чтобы убрать подменю со стола, как только меню появится. Похоже, что если я не укажу свойство top или left. Подменю будет отображаться относительно. Теперь мне нужно отрегулировать положение относительно, но, похоже, работает только левое свойство. Таким образом, моя левая позиция в подменю составляет 120px относительно первоначальной позиции. Но вершина в 100px от вершины окна, а не в исходное положение. Как мне переместить список вверх относительно его исходного положения? Я не могу использовать position: относительный, потому что мне нужно удалить подменю из таблицы.

Answer 1

Вам нужно указать контейнер относительную позицию, например:

.menu li:hover { position: relative; }

Таким образом, позиционирование <ul> внутри является абсолютным, но относительно этого контейнера, а не всего окна, которое, кажется, то, что вы ищете.