图片之后加文字和按钮

Question

求大神指点，我想要那个加入购物车在图片的右下角，文字在图片的右上角。
文字的已经搞定了， 但是加入购物车那个按钮的位置怎么都搞不定。

猴头菇饼干80g
加入购物车

Answer 1

郁闷啊，手写的代码都没了，变成了上面那个鬼。。

 <div style="overflow;hidden;position:relative;"></div>
<div style="float:left;margin-right:20px;"><img src="1.jpg"/></div>
<div style="float:left;">
    <p>猴头菇饼干80g</p>
    <button type="button" style="position:absolute;bottom:20px;right:100px;">加入购物车</button>
</div>

直接用定位来设这个按钮的位置。