css - Div的重叠

Question

我有一个 div 对列表:MainDiv 和 infPanel Div。我需要将 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 和left根据页面固定位置)。