CSS position固定定位用法揭秘

本文向大家介绍一下CSS position固定定位的概念和用法，首先看一下CSS定位的定义，在CSS中关于定位的内容是：position:relative|absolute|static|fixed　，每个属性值都有各自的特点和作用。

站在用户的角度思考问题，与客户深入沟通，找到嘉荫网站设计与嘉荫网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、网站空间、企业邮箱。业务覆盖嘉荫地区。

CSS position固定定位用法揭秘

CSS定位的定义：　　

在CSS中关于定位的内容是：position:relative|absolute|static|fixed　　

◆static没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。　　

◆relative不脱离文档流，参考自身静态位置通过top,bottom,left,right定位，并且可以通过z-index进行层次分级。　　

◆absolute脱离文档流，通过top,bottom,left,right定位。选取其最近的父级定位元素，当父级position为static时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。　　

◆fixed固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。　　

CSS中定位的层叠分级：

z-index:auto|namber;　　

◆auto遵从其父对象的定位　　

◆namber无单位的整数值。可为负数

CSS position固定定位

由于广告的滥用，使得一些浏览器软件都开始有了广告内容拦截，使得一些很好的效果现在都不推荐使用了。比如让一个元素可能随着网页的滚动而不断改变自己的位置。而现在我可以通过CSS中的一个定位属性来实现这样的一个效果，这个元素属性就是曾经不被支持的position:fixed;他的含义就是：CSS position固定定位。这个固定与绝对定位很像，唯一不同的是绝对定位是被固定在网页中的某一个位置，而固定定位则是固定在浏览器的视框位置。

【编辑推荐】

1. 解决IE6 position:fixed 固定定位问题
2. CSS中三大position属性值用法解读
3. 深入探究DIV CSS布局中position属性用法
4. CSS属性display:inline-block使用揭秘
5. Firefox、IE7、IE6浏览器兼容问题概念解析

文章标题：CSS position固定定位用法揭秘
文章路径：http://www.hantingmc.com/qtweb/news32/21382.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联