css - 带图像的div内的div

Question

非常简单，但它让我发疯

我在一个 div 里面有一个 div，里面有一个图像，我需要在右下角对齐那个子 div(稍后我会重现相同的内容，但要在 div 的四个 Angular 中的任何一个 Angular 对齐 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。

Answer 1

您想绝对将 div 定位到父 div 的右下角。

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

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

DEMO

对于其他 Angular ，您也可以设置left 和top 位置。