展開下拉菜單而不更改容器尺寸

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; 
}