javascript - 将子 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 position:relative 和 div2 position:absolute ，我就不能使用 and thing 让它粘在 parentDiv 的基础上.

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

附言- 我不能在表中使用表来解决这个问题，因为实际场景使用 JS 来提供功能。有什么 CSS 可以解决这个问题吗？

Answer 1

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

只是在 div2 上设置 position:absolute 不会成功。要定位它，您必须设置 top、bottom、left 和 right CSS 属性。设置 position: absolute 和 bottom: 0 确保 div2 的位置相对于非静态定位的最近祖先进行调整(在本例中, parentDiv 是 position: relative).