Css 溢出内溢出隐藏&；相对祖父母的地位

我有一个下拉菜单，由于#父包装器的溢出隐藏和相对位置（由于这个jQuery旋转木马需要）而被切断。有没有一种方法可以使下拉菜单的溢出部分显示在#父包装外，同时保持#父包装的溢出隐藏并相对定位

简单的例子：

完整示例：

及

要求：

在悬停时为#父包装添加一个高度，它将展开

$(".dropdown").hoverIntent({
 over: function() {
   $("ul", this).show().closest('#parent-wrapper').css('height','100px');
}.......

---

位置：亲戚是这里的问题孩子。如果您可以重新编写代码，使用Position:Absolute，我认为它可能会工作。有关更多详细信息，请参阅以下内容

---

我认为不必使用jquery，您可以通过将下拉列表的位置设置为fixed而不是absolute来实现这一点

.dropdown ul {
  ...
  position: fixed;
}

---

此外，如果您的下拉列表中有两个以上的项目，则下拉菜单将自动扩展。

我想您希望删除溢出：hiddenThanks，但是我确实需要隐藏溢出，因为jQuery滑块的问题。我在可滚动的div中使用引导工具提示和下拉菜单时遇到了类似的问题。工具提示可以很好地处理溢出，但是添加了相对位置，它会触发浏览器来剪辑内容。引导下拉列表依赖相对位置来放置，因此无法确定是否有解决方法。不幸的是，我确实需要隐藏溢出-请参阅上面更新中的完整示例。因此，在悬停时，您希望文本位于黑框边框下方吗？或者您希望黑框包含所有文本？我想我希望黑框包含所有文本/使黑框的溢出可见/使其完整显示，部分在其父项之外。您需要在

#parent

id中设置高度？如果没有，你是什么意思

#家长

确实有身高。谢谢，但不幸的是，我不认为这就是身高。我只想让下拉式UL显示在

#parent

和

#parent wrapper

的外部。我想，如果你把高度比我在回答中做的要大——比如200px，那么黑框（'UL'）会扩展到蓝框（'#parent'）之外。这很有效，谢谢大家！但是为什么它会起作用呢？这毫无意义！如果像我的例子一样，高度必须是100px呢？这很有意义：您正在设置包装的特定高度。但是如果你加上足够多的李，超过这个高度，溢出的水仍然会被隐藏。

$(".dropdown").hoverIntent({
  over: function() {
    $("ul", this).show();
  },
  out: function() {
    $("ul", this).hide();
  },
  timeout: 500
});

#parent-wrapper {
  width: 500px;
  /*change this: overflow:hidden; for: */
  overflow: visible;
  position: relative;
}

$(".dropdown").hoverIntent({
 over: function() {
   $("ul", this).show().closest('#parent-wrapper').css('height','100px');
}.......

.dropdown ul {
  ...
  position: fixed;
}