将div底边锁定到视区的纯css方法
将div底边锁定到视区的纯css方法
提问于 2014-01-10 00:41:58
我有两个容器div，它们需要将它们的底边从视口的底部锁定为x像素。我需要和使用position absolute|fixed一样的结果--但是我需要保持它们为position: relative，这样它们才能正确地浮动，并与DOM的其余部分一起定位。
我只能找到基于javascript的解决方案，我真的更喜欢纯css的东西。希望有人知道我不知道的解决方案。
如果可能，需要支持IE7+。
回答 2
Stack Overflow用户
发布于 2014-01-10 00:48:46
如果必须的话，IE7.js支持fix定位。
Stack Overflow用户
发布于 2014-01-10 01:03:24
下面是一个示例，说明如何使用您设置的指导方针来完成您想要做的事情。
http://jsfiddle.net/cornelas/38WqN/
<div id="footer">
<div class="footer-right">
</div>
<div class="footer-left">
</div>
</div>CSS
#footer {
background: #666;
position: fixed;
bottom: 0;
width: 100%;
height: 20%;
}
.footer-right {
background: #ccc;
position: relative;
height: 100%;
width: 40%;
display: inline-block;
}
.footer-left {
background: #ccc;
position: relative;
height: 100%;
width: 40%;
display: inline-block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21034196
复制
相似问题
将每个div设置为视区大小
Div 100%大小的视区？
使用css使div高度自动调整为视区
如何使用transfrom将背景图像固定到<div />的视区？
如何让浮动div直接中断到视区的左侧？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
