小白栋更新第二天

在处理网页布局的时候,相信position一定会在网页编辑中常常·被用到,今天就简单聊一下position的几个常用属性
static 静态定位 元素的默认定位的方式 流式布局的体现(流式布局就是标签元素遵从自己属性按照自我意愿排列 从左向右(行元素 行内块元素)从上至下(块元素))
relative 相对定位 相对定位在运用到标签元素中的时候一般用于小微调 ,自身标签也不会脱离文档流(文档流指的是 一个标签内部的标签元素采用流式布局时,这个元素内部就会形成一个文档流,每个子元素在文档流中都会有自己的位置)
absolute 绝对定位 绝对定位的标签 在做位置调整时 需要参照物,参照物默认是一个非static静态定位的上级标签 ,设置绝对定位的标签会脱离文档流,不再参与流失布局,后面的元素再带补位,位置会被后面元素侵占
fixed 固定定位 标签采用该定位·不会随着浏览器滚动条的滚动而改变自己的位置,
它也会脱离文档流,导致原来的位置不存在
一般会设置top:0;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值