定位position————相对定位,绝对定位,固定定位

本文详细介绍了CSS中的三种定位方式:相对定位、绝对定位和固定定位。相对定位保留元素在文档流中的位置,允许元素在其原始位置基础上偏移。绝对定位则使元素脱离文档流,根据最近的定位父元素或body进行定位。固定定位参照浏览器窗口,元素始终固定在屏幕的某个位置,即使页面滚动。使用定位时,可通过left、top、right、bottom属性调整位置,并用z-index控制层级。
摘要由CSDN通过智能技术生成

相对定位:relative

参考物:

定位前的位置

特点:

1.不影响元素本身特性

2.元素不脱离文档流

3.相对于原位置进行偏移

绝对定位sbsolute:

参考物:

最近的使用了定位的父级,如果没有找body

特点:

1.元素脱离文档流

2.行元素支持所有样式

3.块元素内容撑开宽高

4.清除子级浮动

固定定位fixed

参考物:

浏览器窗口

特点:

1.脱离文档流

2.清除子级浮动

定位的使用:

可使用偏移描述

left top right bottom

可使用z-index提生层级

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值