無絕對覆蓋Ddivs？

我有一個容器內的十個內容部門，我需要它們重疊，但我還需要內容div保持父div的子級，因爲我需要容器div來跟隨他們的高度。無絕對覆蓋Ddivs？

內容divs當前位於屏幕外並且它們所在的容器已溢出：hidden;並會被外部的jquery腳本調用。

我有z-indexed每個div要按數字順序1-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; 
}

來源

2013-10-18 Beaniie

你能製作一個[小提琴？]（http://jsfiddle.net） – JoDev

這將是相當混亂。 – Beaniie

有時，從頭開始可以幫助找到解決方案！ ^^重新命令您的HTML和CSS（使用面板類而不是每個div的ID作爲全局樣式），然後再次發佈！ – JoDev

所以你的解決方案是：響應內容（子）的height

保持容器（父）。隱藏div不會真的影響文檔的流動，而display:none將從文檔流中完全刪除內容直到需要爲止。
好工作

來源

2013-10-18 17:04:14 JoDev

無絕對覆蓋Ddivs？

回答

相關問題