css – 内部DIV锁定到外部DIV的右下角

前端之家收集整理的这篇文章主要介绍了css – 内部DIV锁定到外部DIV的右下角前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给出以下HTML
<div style="width: 500px; height: 500px; border: 1px solid red;">
    <div style="width: 200px; height: 100px; border: 1px solid green; float: right; vertical-align: bottom;">
    </div>
</div>

我希望内部的div锁定到外部div的右下角。为了做到这一点,我需要做些什么呢?

谢谢!
约翰

解决方法

职位是你的朋友
<div style="width: 500px; height: 500px; border: 1px solid red; position: relative">
    <div style="position: absolute; right: 0; bottom: 0; width: 200px; height: 100px; border: 1px solid green;">
    </div>
</div>
原文链接:https://www.f2er.com/css/219389.html

猜你在找的CSS相关文章