帶有絕對孩子的多個div的自動高度？

我正在做一個類似'卡片'的界面，每個'卡片'（相對位置上的矩形div）有多個孩子被定位在絕對位置，並且在同一頁面上有多個div。帶有絕對孩子的多個div的自動高度？

我花了幾個小時尋找解決方案，但沒有成功。從我讀過的內容來看，不可能在帶CSS的絕對孩子的div上自動創建高度。我也偶然發現了一個jQuery example，但我無法弄清楚如何操作它以使用多個div。我也嘗試了修復，並操縱溢出。

我一直在處理的頁面（http://q.glorbi.com/profile.php）工作並且看起來不錯，但每個div的高度限制爲300像素，根據其內容可能太少或太多。

有誰知道如何去調整與絕對孩子的多個父母？任何解決方案都很好，即使它依賴於jQuery等！

謝謝！

來源

2013-03-27 unicornication

絕對定位的原因是什麼？您可以完美/輕鬆地使用一些填充來實現相同的佈局，這將立即解決您的問題。 – ptriek 2013-03-27 12:52:01

它是你所指的類「盒子」的div嗎？此外，@ ptriek有一個非常好的點^ – Bill 2013-03-27 12:53:33

你的卡每一個看起來像這樣

<div class="box"> 
    <div id="askerdp"></div> 
    <div class="question">Are you awesome?</div> 
    <div class="answer">I am the awesomest human being alive.</div> 
</div>

隨着.box相對和內部的div絕對的。由於每張卡的結構簡單，你爲什麼不這樣做，而不是

<div class="box"> 
    <div class="container"> 
    <div id="askerdp"></div> 
    <div class="question">Are you awesome?</div> 
    </div> 
    <div class="answer">I am the awesomest human being alive.</div> 
</div>

而且使.container相對的，絕對#askerdp，以及其他一切不變。這應該可以解決你的汽車高度問題，並且看起來與現在一樣。

來源

2013-03-27 12:56:35

我沒有意識到我應該一直在做相對的孩子。：S工作！非常感謝你！ :) – unicornication 2013-03-27 13:15:07

帶有絕對孩子的多個div的自動高度？

回答

相關問題