css - 带有图像的 div 内的 div

Question

很简单，但它让我发疯

我在一个 div 里面有一个 div，里面有一个图像，我需要在右下角对齐那个子 div（稍后我将重现相同的内容，但将 div 对齐到 div 的四个角中的任何一个）。

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

父 div 和图像具有相同的尺寸（900w x 300h），子 div 为 100w x 50h。

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