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

2019-04-09  本文已影响0人  北街九条狗

定位

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

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

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

猜你喜欢

热点阅读