美文网首页
前端面试积累4-position

前端面试积累4-position

作者: 加油_未来 | 来源:发表于2018-12-09 15:18 被阅读0次

    position:

    1.static定位:

    html元素的默认值,即没有定位,元素出现在正常的流中。

    静态定位的元素不会受到top bottom left right 影响。

    2.fixed定位:

    2.1 参照物:浏览器窗口

    2.2 脱离DOM流,不占据空间。

    2.3 常用作漂浮广告,返回顶部。

    3.relative定位:

    3.1 参照物:自身。

    3.2 存在DOM流中,占据原先的空间.

    3.3 常被用来作为绝对定位元素的容器块。

    4.absolute定位:

    4.1 参照物:最近的已定位(fixed / relative / absolute)祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于<html> 或 <body>.

    4.2 脱离DOM流,不占据空间

    4.3 常用作动画结构。

    相关文章

      网友评论

          本文标题:前端面试积累4-position

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