css定位

定位
完整的定位 = 边偏移 + 定位模式

边偏移
    top  顶端偏移量  定义元素相对于父元素上边线的距离
    bottom
    letf
    right

定位模式

    position
       static 自动定位  默认
              无法通过偏移属性来改变位置
              一般用来清除定位

       relative 相对定位,相对于其原文档流的位置进行定位(相对于自己当前的位置)
                原来占有的位置继续占有 不会脱离标准流

       absolute  绝对定位,相对于其上一个已经定位的父元素进行定位
                 绝对定位完全脱离标准流 不占有位置 和浮动一样                  

                绝对定位 如果父元素没有设置定位,会依次找到有定位的父元素,不然以浏览器为准对齐(document文档)

       fixed    固定定位,相对于浏览器窗口进行定位
                和父元素没有任何关系
                固定定位完全脱标 不占有位置 不随着滚动条滚动而滚动

      叠放次序的使用
            只有相对定位,绝对定位,固定定位有此属性
            后面的数字不能加单位
            如果取值相同,根据书写顺序,后来在居上
            z-index的默认值为0 取值越大,定位元素越上
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值