與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>

我需要模糊前和模糊后在模糊包裝中具有相同的位置。

我嘗試了float和clear的不同組合，到目前為止沒有任何效果。 我想念什么？

Answer 1

添加position: absolute; blurry-back課程。 這可能會成功。