relative相对定位/定位偏移
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了relative相对定位/定位偏移相关的知识，希望对你有一定的参考价值。
---恢复内容开始---
一、position：relative;相对定位
a、不影响元素的本身的特性；
b、不使用元素脱离文档流（元素的移动之后原始位置会被保留）；
c、如果没有定位偏移量，对元素本身没有任何影响；
d、提高层级（也就是权重问题）；
定位元素的位置控制
top/right/bottom/left 定位元素的偏移量
二、position;absolute;绝对定位
a、使元素完全脱离文档流；
b、使用内嵌支持宽高；
c、块属性标签内容撑开宽度；
d、如果有定位父级相对于定位父级发生偏移，没有定位父级相对于document发生偏移
e、相对定位一般都是配合绝对定位元素使用；
f、提升层级
三、z-index:[number];定位层级
比如想优先显示的定位中：代码如：z-index:999；
a、定位元素默认后者层级高于前者；
b、建议在兄弟标签之间比较层级
四、fixed固定定位、定位其他
1、position：fixed；固定定位
a、与绝对定位的特性基本一致，差别是始终相对整个文档进行定位；
b、问题：IE6不支持固定定位；
2、定位的其他值：
position：static；默认值
position：inherit；从父元素继承定位属性的值（不兼容）
五、定位清除浮动方法、遮罩滤镜
1、position：absolute；绝对定位元素子级的浮动可以不用写清浮动方法；
2、position：fixed；固定元素子级可以不用写清浮动方法；（IE6不兼容）
遮罩弹窗（优酷弹窗）
标准 不透明：opacity：0~1；
IE滤镜：filter：alpha（opacity=0 ~ 100）；
---恢复内容结束---
以上是关于relative相对定位/定位偏移的主要内容，如果未能解决你的问题，请参考以下文章