Css 如何使所选选择覆盖父div

我创建了一个显示所选select控件被其父控件

div

截断的控件。即使y轴的

溢出设置为隐藏，但在单击所选的
选择
控件时仍会显示滚动条

此父级
div
的
高度
是固定的，并设置为
200px
，需要保持这种方式

单击时，我如何使
选择
浏览父
div

编辑：更新了更多
CSS
。
如果我注释
div.content
，它不会弄乱布局

选择的选择控件现在位于第四个标题的顶部。在这把小提琴中，我仍然可以选择
selectselect
控件，但在我的应用程序中我不能

我需要为头球位置做些什么吗

EDIT2:。我刚刚注意到，当航向1/2向上滑动时，
选择的select
控件保持在原来的位置。作为记录，这在我的应用程序中没有发生

发生的情况是，当您向上滑动第三个
标题时，
选择的select
控件将可见，直到它一直向上滑动为止。与另一个标题不同的是，
输入
正在慢慢隐藏。
我补充道

border: 1px solid black;

到parentbox，并删除“overflow:hidden”，下拉列表保持在div前面

这不是基于任何先前的知识，只是愚蠢的运气。我在试着弄清楚潜水舱的确切边界…哦，好吧

总是有些东西…
只需添加此CSS类：
添加边框以显示另一个框的定义是固定的

div.content{
位置：绝对位置；
}


在此处查看：
当您选择position:absolute时，实际上是告诉它忽略固定父div的约束，并能够绑定到框外

这是否回答了这个问题？如果您愿意，我可以进一步说明。

编辑：
absolute positioning
将从文档其余部分的流中删除它，并将其视为不存在（它显示在您告诉它的位置，但不会修改其他元素流）

尝试添加一个间隔，如下所示：

CSS:

div.filler {
    height:30px;
}

...
<div class="filler">
<div class="content">
     <select class="chosen-select">
     ...

.hider {
    position:static;
}

<div id="dropper" class="heading">header 3 <span class="glyphicon glyphicon-chevron-up pull-right"></div>

    if($this.attr('id')==='dropper'){
       $('.content').toggleClass('hider').toggleClass('content');
    }

HTML:

div.filler {
    height:30px;
}

...
<div class="filler">
<div class="content">
     <select class="chosen-select">
     ...

.hider {
    position:static;
}

<div id="dropper" class="heading">header 3 <span class="glyphicon glyphicon-chevron-up pull-right"></div>

    if($this.attr('id')==='dropper'){
       $('.content').toggleClass('hider').toggleClass('content');
    }

在HTML中添加ID:

div.filler {
    height:30px;
}

...
<div class="filler">
<div class="content">
     <select class="chosen-select">
     ...

.hider {
    position:static;
}

<div id="dropper" class="heading">header 3 <span class="glyphicon glyphicon-chevron-up pull-right"></div>

    if($this.attr('id')==='dropper'){
       $('.content').toggleClass('hider').toggleClass('content');
    }

因此，您希望
selected-select
实际层叠在
fixed
div之外，高度为200？是的，实际高度较大，但此
selected-select
控件位于底部。JSFIDLE正在重新组装我遇到的限制问题。更新的答案。。。同样，您的方法似乎在JSFIDLE中有效。然而，我无法让它在我的应用程序中工作。你是否知道有什么东西阻碍了这项工作？我正在检查元素，但在CSS块中没有看到
div.content{position:absolute；}
任何地方。请给我看一下你的完整CSS。你没有关闭filler div。它是用来包装
content
div的吗？lolz@me。是的，是：。我们刚刚建立了一个块元素，它将伪造你的按钮的高度。这似乎有效，但我在那些
标题上有雪佛龙。单击时，标题将向上或向下滑动。但选中的选择控件保持可见，当它完全关闭时，它被隐藏。查看我的新小提琴，问题已更新。尝试了如何删除
溢出：隐藏的
，但没有成功。还有什么你可能已经改了但忘了提的吗？这是小提琴。我还得换儿童箱。