如何将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“放在页面的底部。
发布于 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中查找最近的相对定位的父对象,如果没有定义一个父对象,它将使用主体。
发布于 2013-03-12 18:26:10
将position:relative
分配给.outside
,然后将position:absolute; bottom:0;
分配给您的.inside
。
如下所示:
.outside {
position:relative;
}
.inside {
position: absolute;
bottom: 0;
}
https://stackoverflow.com/questions/15358646
复制相似问题