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。

Answer 1

你想绝对将div放在父div的右下角。

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

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

DEMO

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