css - 如何在另一个div的右下象限中 float 一个div？

Question

我使用以下解决方案将内部 div( Angular ) float 到外部 div(底部)的右上角。效果很好。

CSS:

#base {width: 100px; height: 100px;}
#corner {float: right; width: 40px; height: 40px; margin: 0 0 15px 15px;}

HTML:

<div id="base">
    <div id="corner">
        <!--stuff inside corner-->
    </div>
    <!--other stuff inside base-->
</div>

现在我想将内部 div( Angular ) float 到外部 base-div(右下)的底部，但我无法找到正确的 css 配置。我必须改变什么才能实现我的目标？

非常重要的是，base div 的文本 float 在 corner-div 上(如上例所示)。

Answer 1

使容器 div position: relative。然后，在要“ float ”的div中使用position: absolute(但不需要使用float)并设置bottom 和 right 规则为 0。

http://jsfiddle.net/ExplosionPIlls/yWGTB/