html - 如何让绝对元素在其父元素中 float ？

Question

因此，我正在尝试让下拉列表作为菜单的一部分工作。我有一个 ul，左边添加了几个 li 元素，然后我想让一个 li 元素 float 到右边。我以前是使用相对位置来做这个的，但现在我希望它能够溢出并显示在它下面的任何东西上。

我发现了这个问题: 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; 

}