将子DIV放在父DIV的底部

Question

我已经完成了已经公开的问题，但无法找到答案。

它是这样的： ......

      <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和位置：绝对到div2，我无法使用和东西，以便它粘在parentDiv的基础上。

我想要这个，因为如果任何其他TD因div1中的内容而变得更高，我希望所有文本和按钮图像保持对齐。

P.S。 - 我无法在表中使用表来解决此问题，因为实际场景使用JS来提供功能。任何CSS来解决这个问题？

Answer 1

制作div2 position: absolute，然后在bottom: 0上设置div2。

只需在position:absolute上设置div2即可。要进行定位，您必须设置top，bottom，left和right CSS属性。设置position: absolute和bottom: 0可确保div2的位置相对于非静态定位的最近祖先进行调整（在这种情况下，parentDiv即position: relative ）。