CSS position:fixed 实现html元素固定于某位置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS position:fixed 实现html元素固定于某位置相关的知识，希望对你有一定的参考价值。
本文章通过实例向大家讲解position:fixed 实现html元素固定于某位置。实例中div将固定于网页右下角，主要使用到css position:fixed 属性，需要的码农可以参考一下。
CSS实现div固定于网页右下角实例代码:
将一个元素固定于网页右下角的效果使用非常频繁，比如返回顶部的按钮，或者说是信息提示框之类的，下面就介绍一下如何使用CSS实现此效果，代码实例如下:
<!DOCTYPE html> <html> <head> <title>CSS position:fixed 实现html元素固定于某位置</title> <style type="text/css"> *{ padding:0; margin:0; } body{height:1000px;} #footer{ position:fixed; background:#eee; bottom:20px; right:10px; width:100px; height:100px; } </style> </head> <body> <div id="footer"></div> </body> </html>
以上代码实现了我们的要求，div块能够固定在网页右下角部位，无论是否拖动滚动条。
原文地址：http://www.manongjc.com/article/292.html
以上是关于CSS position:fixed 实现html元素固定于某位置的主要内容，如果未能解决你的问题，请参考以下文章
css position fixed 在移动端上为啥会 晃来晃去
CSS中为啥position:fixed;和position:absolute;的效果是一样的？
css里面的position:fixed在iframe里面无效