将div定位到包含div的底部
将div定位到包含div的底部
提问于 2013-03-12 18:24:36
如何将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>这段代码将文本"inside“放在页面的底部。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-12 18:26:06
.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中查找最近的相对定位的父对象，如果没有定义一个父对象，它将使用主体。
Stack Overflow用户
发布于 2013-03-12 18:26:10
将position:relative分配给.outside，然后将position:absolute; bottom:0;分配给您的.inside。
如下所示：
.outside {
position:relative;
}
.inside {
position: absolute;
bottom: 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15358646
复制相关文章
相似问题