web前端|css教程
css,滚动条
web前端-css教程
php调查问卷源码,ipad写代码vscode,ubuntu内核报错,tomcat更改应用端口,中关村爬虫,php ip 过滤,seo蜘蛛精教程,养生网站后台源码,网页模板静态lzw
在CSS中，可以使用固定定位（position:fixed;）来固定元素的位置，让元素不随滚动条滚动。
动漫导航网站源码,909s ubuntu,土里好多小爬虫,issue php,ip跳转seolzw
fixed 生成固定定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于浏览器窗口进行定位。
lnmp源码有哪些文件,vscode调试配置,ubuntu终端命令,tomcat卡死,内存数据库 sqlite,好看的新闻网页设计,数据库附件表,云服务器搭建ftp,jquery双日历插件,微前端框架,python做爬虫,php 匹配,论坛seo,springboot登录测试,dedecms 自定义嵌套标签,博客式笑话网站织梦源码,网页数据爬取工具,全flash网站模板,zblog后台登陆,页面懒加载插件,哪网站相册管理系统,微信付费进群源码程序lzw
固定定位的元素以相对浏览器窗口为基准进行定位的，无论怎样移动你的滑动条，它都会固定在相对于浏览器窗口的固定位置，另外要注意，它的兄弟元素将会在位置排布上忽视它的存在。这个时候用的top，bottom，left，right也是相对于浏览器窗口而言的。
示例：
.logo {width: 540px;height: 258px;position: fixed;background: url(猫/images/1.jpg) no-repeat;margin: auto;left: 0;right: 0;top: 0;bottom: 0; }
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
布偶猫
效果图：
从上面的示例看出：可以使用position: fixed来固定图片位置不变，让图片位置可以不随着文字的拖动而改变图片位置。
注：
在IE7以上版本及firefox、opera、safari里，都支持css属性”position:fixed”，它的作用就是将元素相对于窗口固定位置。
但是在IE6下，并不支持position:fixed属性，这个时候我们需要对IE6进行hack处理。
css视频教学
