CSS---定位

本文详细介绍了CSS中的定位技术,包括相对定位的特点(不改变元素在文档流的位置,但可以设置偏移量),绝对定位的包含块概念(依据最近开启定位的祖先元素),固定定位的特性(始终相对于浏览器窗口定位),以及粘滞定位的简介。此外,还阐述了绝对定位布局的计算方式,帮助开发者更好地理解和运用这些定位方法。
摘要由CSDN通过智能技术生成

相对定位

-特点:

                    1.如果不设置偏移量元素不会发生任何变化

                    2.相对定位是参照于元素在文档流中的位置进行定位的

                    3.相对定位会提升元素的层次

                    4.不会脱离文档流,不会改变性质(块元素还是块)

 绝对定位

包含块 

包含块(containing block):

                -正常情况下: 包含块就是里当前元素最近的祖先元素

                -绝对定位的包含块:

                    包含块就是离他最近的开启了定位的祖先元素

                    如果所有祖先元素都没有开起了定位则根元素(html)就是它的包含块

固定定位

粘滞定位

一种比较新型的定位,兼容性不太强

绝对定位的布局

包含块内容区的宽度=left+水平布局宽度+right,即

 letf+ margin-left+border-left+ padding-left+width+margin-right+border-right+padding-right+right

层级

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值