如何删除图像下方的空格？

Question

我有两个图像，身体和尺子。为了得到这个结果，我给了标尺bottom:69px;。他们的父母是蓝色背景，有height:auto;。问题是，标尺下方的剩余蓝色空间。我不能给父母一个固定的高度，因为图像是响应的，并且它们在窗口调整大小时会变小，父母也会变小。我该如何解决这个问题？

Answer 1

1）将两个图像放在div

中

2）使该div具有position:relative

3）使顶部图像具有更大的z-index

值

4）使两个图像都处于绝对位置并使用css top值将一个图像放在另一个图像上，直到覆盖空白区域

之后，让图片具有固定的width和height，并将overflow:hidden添加到父div。

我跳它解决了探测。

Answer 2

我给了标尺图像以下样式并解决了

position: absolute;
bottom: 0px;
left: 0px;