美文网首页
定位position

定位position

作者: cathy95 | 来源:发表于2016-06-08 12:22 被阅读0次

    absolute和fixed的区别:

    absolute:

    1.未设置偏移量时:

    (1) 无已定位的祖先元素:处于初始位置

    (2) 有已定位的祖先元素:处于初始位置

    2.设置偏移量后:

    (1) 无已定位的祖先元素:相对于最初的包含块

    (2) 有已定位的祖先元素:相对于最近的已定位祖先元素

    fixed:

    1.未设置偏移量时:

    (1) 无已定位的祖先元素:处于初始位置

    (2) 有已定位的祖先元素:处于初始位置

    2.设置偏移量后:

    (1) 无已定位的祖先元素:相对于浏览器窗口

    (2) 有已定位的祖先元素:相对于浏览器窗口

    【表现形式】(产生滚动条时)

    absolute 随滚动条滚动

    fixed 位置始终不变 其他元素从下面穿过

    【顶部固定层实现】

    #top--position:fixed;top:0;left:0;

    #mainbody--margin-top:(#top高度+原有间距)px

    相关文章

      网友评论

          本文标题:定位position

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