css定位整理

来源:互联网 发布:映射网络驱动器不显示 编辑:程序博客网 时间:2024/06/08 06:12

        绝对定位

1.找一个离它最近的,并且使用了定位的父元素,如果没有找到,以body为标准
2.元素本身占用的空间被其它元素占用
3.可以使用z-index来控制显示的顺序


相对定位

1.相对于原来的位置进行定位
2.如果仅仅添加了相对定位的样式position-relative,显示的效果不发生变化
3.使用定位元素发生偏移的,可以使用z-index来调整显示顺序
4.相对位置不会被其它元素占用

在使用定位的时候,通常给父元素加相对定位属性,给子元素加绝对定位属性

        固定定位

相对于显示的页面进行布局