固定一个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 ,如需转载请自行联系原作者



相关文章
|
4月前
|
Web App开发
解决:chrome浏览器打印预览的时候出现顶部底部页眉页脚的问题
解决:chrome浏览器打印预览的时候出现顶部底部页眉页脚的问题
往 p 标签里放了个 div,把浏览器都给整不会了
块级元素: 不管内容多少,块元素都会在浏览器中独占一行。可设置宽高,如果不设置宽高那么它的宽度是100%(占满父级元素一整行)
87 0
往 p 标签里放了个 div,把浏览器都给整不会了
|
算法
让一个div盒子在浏览器视窗中居中的算法
让一个div盒子在浏览器视窗中居中的算法
165 0
让一个div盒子在浏览器视窗中居中的算法
|
前端开发
【css】设置div位于浏览器的最底层,离用户最远
有时候切换发现某块div一直悬浮在最上层,怎么设置div位于浏览器的最底层。离用户最远?    .in{ z-index: -1; } 然后引用in到你想用的div的class上即可!z-index代表图层的优先级,正数越大,离...
1106 0
|
Web App开发 前端开发 测试技术