Javascript 将子DIV放置在父DIV的底部

Javascript 将子DIV放置在父DIV的底部,javascript,css,html-table,Javascript,Css,Html Table,我已经讨论了一些尚未解决的问题,但没有找到解决方案 是这样的: 现在,我希望div2始终保持在parentDiv的底部,而不考虑parentDiv的高度 如果我给position:relative给parentDiv,给position:absolute给div2,我就不能使用and,这样它就会粘在parentDiv的底部 我这样做是因为,如果任何其他TD由于div1中的内容而获得更大的高度,我希望所有文本和按钮图像保持一行对齐 另外,我无法使用表中的表来解决此问题,因为实际场景使用JS提供功

我已经讨论了一些尚未解决的问题,但没有找到解决方案

是这样的:

现在,我希望div2始终保持在parentDiv的底部,而不考虑parentDiv的高度

如果我给position:relative给parentDiv,给position:absolute给div2,我就不能使用and,这样它就会粘在parentDiv的底部

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

另外,我无法使用表中的表来解决此问题,因为实际场景使用JS提供功能。是否有CSS可以解决此问题?

将div2位置设置为绝对,然后在div2上设置底部:0

仅仅在div2上设置position:absolute不会起作用。要定位它,您必须设置顶部、底部、左侧和右侧CSS属性。设置位置:绝对和底部:0确保div2的位置相对于最接近的祖先(在本例中为非静态位置)进行调整,parentDiv的位置为:相对。

将div2位置设置为绝对,然后在div2上设置底部:0


仅仅在div2上设置position:absolute不会起作用。要定位它,您必须设置顶部、底部、左侧和右侧CSS属性。设置位置:绝对和底部:0确保div2的位置相对于最接近的祖先进行调整,在这种情况下,祖先是非静态定位的,parentDiv哪个是position:relative。

使用position:absolute和position:relative有什么问题?使用position:absolute和position:relative有什么问题?感谢您的快速回复,但这不起作用。底部:0对其当前位置没有任何影响,如果您给出底部:1,您将观察到它向上移动到1px。只是重新尝试一下。好吧!我把它和相对位置和绝对位置结合起来。早些时候对我不起作用。。但现在是时候了!Wierd,但它做到了:D Absolute将采用最近的父相对位置,并使用其边界作为放置坐标。谢谢你们!问题已解决。感谢您的快速回复,但这将不起作用。底部:0对其当前位置没有任何影响,如果您给出底部:1,您将观察到它向上移动到1px。只是重新尝试一下。好吧!我把它和相对位置和绝对位置结合起来。早些时候对我不起作用。。但现在是时候了!Wierd,但它做到了:D Absolute将采用最近的父相对位置,并使用其边界作为放置坐标。谢谢你们!问题解决了。
      <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>