WEB前端css之position

本文详细介绍了CSS定位中的三种主要方式:相对定位基于自身位置,绝对定位参照父级,固定定位脱离文档流。同时讨论了子元素使用绝对定位时父元素需设置相对定位的特殊情况——子绝父相。
摘要由CSDN通过智能技术生成

相对定位

  定位=定位模式+边偏移

   position:relative;

相对定位的特性:相对定位以元素自身的位置为基准设置位置

                             相对定位占位置

绝对定位

      position:absolute;

   绝对定位:以父级为标准移动位置

                    如果父级没有定位 绝对定位的盒子以我们文档为准

                    如果父级有定位 绝对定位以父级为准移动位置

                    绝对定位不占有位置

      绝对定位改变display属性:

           块级元素 不给width 默认和父元素一样宽

           行内设置宽度不生效

           绝对定位可以转换(行内 元素宽高生效)

           浮动也可以

子绝父相:子级是绝对定位的话,父级要相对定位

固定定位

        position:fixed  和父级没有任何关系 脱标

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值