コンテナのサイズを変更せずにドロップダウンを展開する

Question

div内にドロップダウンボックスが含まれています。プランナーcodeを確認してください。

ドロップダウンボタンをクリックすると、ドロップダウンが拡大し、バックグラウンドコンテナの高さが高くなります。ドロップダウンの背景を黄色で塗りつぶします。

私は

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

、とリスト項目のz-indexを追加したと私はそれが見えるように期待するもの

、

、のように見えます

ドロップダウンだけですがトンの背景は黄色でなければならないが、ドロップダウンリストの項目の背景は白/灰色でなければならない。

Answer 1

リミット背景コンテナの高さ（plunk）：

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

またはそう、それはコンテナの高さを変更しませんabsoluteの位置を変更（plunk）：

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