美文网首页
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