浅谈css定位

定位

相对定位

1. 相对于自身的位置定位(right:100px; (元素会向左移动))
2. 不会脱离页面流
3. left right top bottom 控制元素的定位位置 如果这几个属性同时又值 left和top具有优先性
4. 一个元素设置相对定位 不会影响这个元素的其他属性
5. 一般用在创建包含块 或者是给非定位的元素设置堆叠顺序(只有定位属性才支持z-index)

绝对定位

1. 相对包含快的位置进行定位
2. 脱离页面流
3. left right top bottom 控制元素的定位位置 如果这几个属性同时又值 left和top具有优先性
4. 改变元素的属性
   行标签:可以设置宽高 完美支持margin
   快标签:不再独占一行
5. 在浮动解决不了的布局下可以使用 需要元素进行层叠的时候也可以使用

固定定位

1. 相对于浏览器窗口进行定位
2. 脱离页面流
3. 3. left right top bottom 控制元素的定位位置 如果这几个属性同时又值 left和top具有优先性
4. 改变元素的属性
   行标签:可以设置宽高 完美支持margin
   快标签:不再独占一行
5. 无论页面滚动条或者窗口大小怎么改变 元素的位置始终相对浏览器窗口定位
6. ie 678 不兼容

设置元素的堆叠顺序:
z-index:
1.整数
2.z-index 默认为auto
3.值越大越靠前
4.值为负会到当前页面流元素的后面