我有一个父 div，它在顶部包含一个子表，在它下面包含一组输入字段。
表格有一个给定的顶部/左侧定位，它的高度是动态的。
.table-panel {
position: absolute;
top: 30px;
}
输入字段也有预先分配的顶部/左侧值，这些值是根据固定的表格高度计算的。
.one {
top: 300px;
left: 0;
}
.two {
top: 350px;
left: 0;
}
问题是，如果实际表格高度大于原始固定高度，则表格和输入字段在呈现时会重叠。示例 fiddle 在这里:https://jsfiddle.net/c2Lztzfd/142/
我可以自由地重新调整字段的顶部/左侧位置，但必须遵守字段之间的确切间隙。因此使用 flex 布局是行不通的。
作为一种解决方案，我正在考虑重新调整原始输入字段的定位，以便它们向下移动 x 个像素。其中 x 是实际桌面高度与原始高度之间的差值。
有没有更好的方法来解决这个问题，例如使用 css 定位(绝对/相对)……？
最佳答案
您已为字段指定了绝对 位置。将它们移动到包含表格的 div 中并使位置相对。这样，它们将相对于表格及其下方。
关于javascript - 如何将输入字段定位在动态增长的表格下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49662615/