css-将div定位到包含div的底部

• Z时代
• 2024-01-10
• 分类：问答

如何将div定位到包含div的底部？

<style>
.outside {
    width: 200px;
    height: 200px;
    background-color: #EEE; /*to make it visible*/
}
.inside {
    position: absolute;
    bottom: 2px;
}
</style>
<div class="outside">
    <div class="inside">inside</div>
</div>

此代码将文本“放入”置于页面底部。

回答：

.outside {
    width: 200px;
    height: 200px;
    background-color: #EEE; /*to make it visible*/
}

需要是

.outside {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #EEE; /*to make it visible*/
}

绝对定位会在DOM中寻找最接近的相对定位的父对象，如果未定义，它将使用主体。

以上是 css-将div定位到包含div的底部 的全部内容， 来源链接： utcz.com/qa/434851.html