美文网首页
2019-04-08 定位、语句:隐藏超出部分,固定定位

2019-04-08 定位、语句:隐藏超出部分,固定定位

作者: 北街九条狗 | 来源:发表于2019-04-09 21:08 被阅读0次

    定位

    定位:
        绝对定位 absolute : 父级没有定位时,相对文档定位,脱离文档流,提升层级
        相对定位 relative : 相对自己的定位,不脱离文档流,提升层级
        固定定位 fixed : 针对窗口定位,脱离文档流,提升层级
        ---------------------------------------------------------------
        没有(默认)定位 static
        只要有定位,就可以使用扩展样式
            left right 
            top bottom
    有父级的定位:绝对定位的子集元素都是针对父级在定位
      并且父级需要以:position: relative;来固定位置,让子集元素针对自己定位
    涉及到浮动层级时,有时需要以z-index: 1;来提高层级
    

    语句:隐藏超出部分,固定定位

     窗口缩小自动隐藏超出部分 
        overflow: hidden;
     固定定位:针对窗口定位,脱离文档流,提升层级 
        position: fixed;
    

    相关文章

      网友评论

          本文标题:2019-04-08 定位、语句:隐藏超出部分,固定定位

          本文链接:https://www.haomeiwen.com/subject/rkqwiqtx.html