前端---定位

前端定位包括:定位模式和边偏移量两个部分

边偏移量

边偏移量是告诉盒子往那边走。

边偏移量属性描述
top顶部偏移量,相对于父元素
bottom底部偏移量,相对于父元素
left左侧偏移量,相对于父元素
right右侧偏移量,相对于父元素
定位模式

position:用于定位元素的定位模式,基本语法:
选择器:{position:属性值}

定位模式属性描述
static自动定位(默认模式)静态定位唯一的用处:取消定位
relative相对定位,相对于它在标准流(标准流就是标签按照规定好的默认方式)中的位置,相对定位最重要的一点是它是通过偏移量来改变自己的的位置,所以他自己原来的位置继续占有。
absolute绝对定位,相对于上一个已经定位的父元素,这个是脱离标准流,不占位。如果父元素没有定位,按照当前浏览器的屏幕元素对齐,如果父亲有定位,按照最近的一个父元素定位。
fixed固定定位,相对于浏览器的窗口
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值