如何让一个绝对元素在其父元素中浮动？

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; 

}