|
|
|
|
首先把蓝色div设置为相对定位
然后把内部的绿色div设置为绝对定位， bottom: 0表示贴在下面 <style>
#div1
{
position: relative;
height: 300px;
width: 90%;
background-color: skyblue;
}
#div2
{
position: absolute;
bottom: 0;
height: 30px;
width: 100%;
background-color: lightgreen;
}
</style>
<div id="div1">
<div id="div2"> 无论蓝色div高度如何变化，绿色div都会贴在下面
</div>
</div>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2020-05-19
我的心得笔记
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2020-05-01
footer怎么做到沉在底部
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2020-02-01
为什么div1的width改变div2会跟着改
2019-11-10
请问最外层div1的定位方式有区别吗？
2019-01-23
问题
提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 7 条以前的提问，请 点击查看
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
