在父母的底部放置子DIV DIV

我已經瀏覽了已經打開的問題，但找不到解決方案。在父母的底部放置子DIV DIV

它是這樣的： ......

 <div style="some height"> 
     <div style="some width"> .......and so on.. 
       .. 

      <table> 
       <tr> 
       <td> 
         <div id="parentDiv"> 
         <div id="div1">Title Text and description.</div> 
         <div id="div2">Text+Image button here</div> 
         </div> 
       </td> 
       <td> 
        ..and more such columns and rows. 
       </td> 

      <Other divs closing>

現在，我想DIV2堅持不論parentDiv高度來的parentDiv所有的時間基礎。

如果我給位置：相對於parentDiv和position：絕對div2，我無法使用和東西，所以它堅持的基地parentDiv。

我想要這個，因爲如果任何其他TD由於div1中的內容而獲得更高的高度，我希望所有文本和按鈕圖像在一行中保持對齊。

P.S. - 我不能使用表內的表來解決這個問題，因爲實際的場景使用JS來提供功能。任何CSS來解決這個問題？

在此先感謝。

來源

2012-09-23 Swanidhi

你使用'position：absolute'和'position：relative'有什麼問題？ –

製作div2position: absolute然後在div2上設置bottom: 0。

只是設置position:absolute在div2不會做伎倆。爲了進行定位，您必須設置top，bottom，left和right CSS屬性。設置position: absolute和bottom: 0確保div2的位置相對於非靜態定位的最近祖先（在這種情況下爲parentDiv，即position: relative）進行調整。

來源

2012-09-23 17:11:53 Arjun

感謝您的快速回復，但這是行不通的。底部：0對它的當前位置沒有任何影響，相反，如果你給底部：1，你會發現它向上到1px。剛給了它一個新的嘗試。 – Swanidhi

好的！我將它與相對位置和絕對位置組合在一起工作。它以前不適合我......但它現在！ Wierd，但確實如此：D 絕對將採用最接近的父親相對位置並將其邊界用作放置座標。謝謝你們！問題解決了。 – Swanidhi

在父母的底部放置子DIV DIV

回答

相關問題