展开下拉菜单而不更改容器尺寸

Question

我有一个下拉框包含在黄色背景的div内。检查plunker code。

当我点击下拉按钮时，下拉菜单展开，背景容器的高度也增加了。它绘制黄色下拉项目的背景。

我已经加入z-index列表项的，

<div class="drp-down-cnt" style="z-index:1000;"> 

，它看起来像，

什么，我希望它是什么样子，

只有下拉，但吨的背景必须为黄色，而下拉列表项目的背景必须为白色/灰色。

Answer 1

限制的背景容器的高度（plunk）：

.drp-down-bgnd { 
    height: 48px; 
} 

或改变位置absolute，所以它不会改变容器的高度（plunk）：

.drp-down-cnt{ 
    position: absolute; 
    width: 158px !important; 
}