Как я могу получить абсолютный элемент для плавания прямо внутри его родителя?

Question

Итак, я пытаюсь получить выпадающий список, чтобы работать как часть меню. У меня есть ul с несколькими элементами li, добавленными слева, а затем я хочу, чтобы li-элемент плавал справа. Раньше я делал это с использованием относительного положения, но теперь я хочу, чтобы он мог переполняться и отображать что-либо под ним.

Я нашел этот вопрос: CSS: Overflow Auto and Z-index и выяснилось, что вам нужно использовать абсолютное положение, чтобы произойти такое переполнение. Итак, как бы я это сделал?

Это основная структура кода:

<ul> 
    <li id="right_item1"/> (relatively positioned) 
    ... 
    <li id="absolute_position"/> (absolutely positioned, floating right) 
</ul> 

Answer 1

Это должно работать для вас.

ul{ 
    position:relative; // You need this 
} 

#absolute_position{ 
    position:absolute; 
    right:0; 
    bottom:0; 

}