css - 画像付きのdiv内のdiv

Question

非常に単純ですが、それは私を夢中にさせます

内部に画像がある div 内に div があり、その子 div を右下隅に配置する必要があります (後で同じことを再現しますが、div の 4 つの隅のいずれかに div を配置します)。

<div class="parent">
    <img src="someimage.jpg" />
    <div class="child">
        <b>Hi there !</b>
    </div>
</div>

親 div と画像は同じサイズ (幅 900 x 高さ 300) で、子 div は幅 100 x 高さ 50 です。

score 2 · Accepted Answer

親divの右下にdivを絶対に配置したい。

.parent {
    height: 200px;
    border: 1px solid;
    position: relative;
}

.child {
    position: absolute;
    right: 0;
    bottom: 0;
}

他のコーナーについても、同様に設定leftおよびtop配置できます。

1 に答える 1