Div重叠

Question

我有一个div对列表：MainDiv和infPanel Divs。我需要将infPanel div放在MainDiv上并消除MainDiv之间的距离。 我看到的最佳决策是使用background选项在MainDiv中设置图像，并将infPanel放在MainDiv中，但由于某些技术要求，最好通过标记发布图像。

另一个解决方案是使用position: absolute;并使用JS设置每个infPanel的位置，但是消除JS会很棒。

你能提出更多“敏捷”的解决方案吗？谢谢。

Answer 1

您可以将margin用于负值。

例如，

element{margin-top:-100px;}

将元素“移动”到顶部100像素，与其他元素重叠。

请注意，如果您需要指定margin-top来重新排序元素，那么带有负值的position:absolute;也可以与z-index一起使用。这意味着，不是为每个元素指定top和left，而是根据其实际位置将元素“移动”到顶部（而top和{{1}根据页面修复位置。

Answer 2

如果您只想在MainDiv底部使用InfPanel，您根本不需要JS，可以使用CSS：

.MainPanel {
  position: relative;
}

.InfPanel {
  position: absolute;
  bottom: 0;
}