使用css和html在同一位置上的2个div：

Question

我有以下html：

<div class="about-me-photos blurry-photos photos">
    <div class="blurry-wrapper">
        <div class="blurry-inside blurry-front">
            <img class="about-me-img" src="imagefront.png">
        </div>
        <div class="blurry-inside blurry-back">
            <img class="about-me-img" src="imageback.png">
        </div>
    </div>
    <div class="blurry-wrapper">
        <div class="blurry-inside blurry-back">
            <img class="about-me-img" src="back2.png">
        </div>
        <div class="blurry-inside blurry-front">
            <img class="about-me-img" src="front2.png">
        </div>
    </div>
</div>

我需要模糊的前面和模糊的背部在模糊包装中有相同的位置。

我尝试过浮动和清除的不同组合，到目前为止没有任何作用。我错过了什么？

Answer 1

将position: absolute;添加到blurry-back课程。这可能会成功。