1、属性:position
取值:relative 相对定位
absolute 绝对定位
fixed 固定定位
2、偏移量:跟具不同的定位方式实现元素位置的摆放
top buttom left right 属性
二、相对定位:相对于它原来的位置偏移某个距离
position:relative
通过偏移属性来实现位置的微调
使用场合:位置微调
三、绝对定位:position:absolute
1、绝对定位元素会脱离文档流-不占据页面空间
2、绝对定位的元素会相对于最近的已经定位的祖先元素实现位置的初始化3、如果没有已经定位的祖先元素,那么它的位置就相对于最初的包含块实现位置的初始化
4、固定定位:position:fixed
1、将元素固定在页面的某个位置
2、脱离文档流,不占据页面高度
3、固定定位的元素不随着页面的滚动而滚动
网友评论