css - 絶対なしで Ddiv をオーバーレイしますか?

Question

コンテナー内に 10 個のコンテンツ ディビジョンがあり、オーバーラップする必要がありますが、コンテナー div がその高さに従う必要があるため、コンテンツ div も親 div の子のままにする必要があります。

コンテンツ div は現在画面外に配置されており、それらが含まれるコンテナーには overflow:hidden; があります。外部の jquery スクリプトによって呼び出されます。

各 div に z インデックスを付けて、1 ～ 10 の番号順に配置しました。

これを達成する方法はありますか？これは、10 個のコンテンツ div に使用しているメイン クラスです。

.panel {
   width:85%;
   padding:2%;
   margin:3%;
   right:-100%;

       position: relative;
   z-index:100;

       color: white;
   background: #2F2F2F;

       -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
   border-radius: 1% 1% 1% 1%;
   border-radius: 5px;
}