html - 下拉菜单在延伸到其容器的长度时被裁剪

Question

我在这里创建了一个简单的 JsFiddle:http://jsfiddle.net/3ue0mfcp/9/ - 当列表元素比父容器宽时，我无法让下拉菜单保持在其父容器之外，同时拉伸(stretch)变得更宽。

我试过用

overflow: visible

但没有希望，我做错了什么？

Answer 1

删除 position:absolute; 它不是必需的。另外，您不需要所有这些 overflow:visible;您也可以删除所有这些。

.tooltip-popup > ul {
    ....
    position: absolute;
    ....
 }