将子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,我不能使用和东西,以便它坚持o的基础parentDiv.

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

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

Answer 1

制作div2 position: absolute然后bottom: 0开启div2.

只设置position:absolute上div2不会做的伎俩.对于定位它,你将需要设置top,bottom,left和rightCSS属性.设置position: absolute和bottom: 0确保div2位置相对于非静态定位的最近祖先(在这种情况下,parentDiv即position: relative)进行调整.