无空格的HTML定位元素

我有两个元素（图像）

imgA是2000px高 imgB是1000px高

我一个接一个地放置它们，然后向上移动imgB（我使用相对定位）以重叠imgA

因此，浏览器中的窗口应为2000px高

然而，似乎在放置imgA和imgB时，浏览器会为两者分配位置，即3000px高，当我将imgB向上移动以重叠imgA后，页面底部会留下一个空白=1000px

如何防止出现这种空白

---

谢谢

忽略此

这是因为图像是块级元素。阻止 浏览器从分配空间中只需添加：

display:inline块

到第二个图像。这将使图像脱离块结构 因此浏览器不会为其分配空白

另外，看看，它对于你正在做的事情来说非常方便

---

已编辑

如下文所述，这不起作用。改用

---

如需进一步说明，请参见此处的“css块”示例

---

在图像上使用

显示：块

，然后使用

位置：绝对

而不是

位置：相对

将imgB定位到imgA上

---

不要忘记将父元素指定给除“位置：静态”以外的任何对象，以使图像相对于父元素进行定位。

绝对定位只是针对您的情况的特定解决方案。在某些类似的情况下，它可能不起作用（例如，如果在包含常规div的两个图像的顶部有其他元素）

我相信最好的解决办法是使用

margin-top: -1000px;

---

对于第二张图像。

尝试使用

位置：绝对。Relative（iirc）在文档流中保留其空间，但absolute将其从流中移除。谢谢大家。凯尔，我怎么把你的答案标记为正确答案？