CSS的position属性

position:static  默认值,无定位,元素出现在正常流中国,不脱离文档流。当遇到继承情况时,如果我们不愿意元素继承的属性影响本身,可以用position:static取消继承,即还原元素定位的默认值。

position:absolute 绝对定位,元素脱离文档流(在文档中不占位置)。参照浏览器左上角(left、right、top、bottom)定位,可选取具有定位的父级元素或body坐标原点进行定位,也可以通过z-index进行层次分级。absolute在没有设定left、right、top、bottom时,根据父级对象的坐标作为起始点的,当设定left、right、top、bottom时,根据浏览器左上角为原始点。

position:relative 相对定位,不脱离文档流,相对定位就是相对于元素本身在文档中应该出现的位置来移动这个元素,可以通过left、right、top、bottom来移动元素位置,该元素依然占文档中原有位置,只是视觉上相对原来位置有移动(注:相对自己原来的位置有移动,在原来文档中依然占着原来的位置)。

position:fixed 绝对定位,元素脱离文档流(在文档中不占位置)。相对于浏览器窗口定位,可以通过left、right、top、bottom来移动元素位置;文档滚动时不会在浏览器中移动。

position:inherit 规定从父元素继承position属性。

注:relative、static、sticky对象遵循常规流

        absolute、fixed、center对象脱离常规流

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值