固定一个div在浏览器底部

简介:
 

方法1:使用CSS绝对定位

div{
position : absolute ;
bottom : 0px ;
left : 0px ;
}

方法2:使用CSS固定定位

div{
position : fixed ;
bottom : 0px ;
left : 0px ;
}

方法3:使用Float浮动定位(适用于div是body元素的子元素)

div{
float : right ;
bottom : 0px ;
}
 
 
 
没有整理与归纳的知识,一文不值!高度概括与梳理的知识,才是自己真正的知识与技能。 永远不要让自己的自由、好奇、充满创造力的想法被现实的框架所束缚,让创造力自由成长吧! 多花时间,关心他(她)人,正如别人所关心你的。理想的腾飞与实现,没有别人的支持与帮助,是万万不能的。




    本文转自wenglabs博客园博客,原文链接:http://www.cnblogs.com/arxive/p/7477529.html ,如需转载请自行联系原作者



相关文章
|
26天前
|
JavaScript 前端开发
如何让div的宽高始终等于浏览器宽高的一半
如何让div的宽高始终等于浏览器宽高的一半
24 2
|
2月前
div高度填满浏览器剩余空间(不出现纵向滚动条)
div高度填满浏览器剩余空间(不出现纵向滚动条)
22 0
|
4月前
|
Web App开发
解决:chrome浏览器打印预览的时候出现顶部底部页眉页脚的问题
解决:chrome浏览器打印预览的时候出现顶部底部页眉页脚的问题
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
143 0
往 p 标签里放了个 div,把浏览器都给整不会了
块级元素: 不管内容多少,块元素都会在浏览器中独占一行。可设置宽高,如果不设置宽高那么它的宽度是100%(占满父级元素一整行)
105 0
往 p 标签里放了个 div,把浏览器都给整不会了
|
算法
让一个div盒子在浏览器视窗中居中的算法
让一个div盒子在浏览器视窗中居中的算法
182 0
让一个div盒子在浏览器视窗中居中的算法
|
Web App开发 前端开发 测试技术