美文网首页
前端面试积累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

    position: 1.static定位: html元素的默认值,即没有定位,元素出现在正常的流中。 静态定位的元...

  • 面试题收集汇总

    title: 面试题积累date: 2019/09/16 21:30:25categories: 面试题 前端 面...

  • 前端面试(知识积累)

    最近试着提升自己的前端技术,发现其实从面试题去学习和吸收知识也是非常不错的选择!不仅能快速的抓住知识点,而且还能应...

  • 前端面试的经典题

    前端面试的经典题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 Javascript...

  • 值得看的前端面试文章- 收藏集 - 掘金

    【前端面试 -- 四月二十家前端面试题分享】1-5 套个人解题答案 - 前端 - 掘金前端面试题 前端面试--四月...

  • 前端面试概念收集器

    前端面试概念收集器 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 本文分为 概念,原...

  • 前端面试的难题和怪题

    前端面试的难题和怪题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 函数 答案 Er...

  • 新鲜出炉的8月前端面试题

    前言 最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题: 主要考察前端技基础是否扎实,...

  • 新鲜出炉的8月前端面试题

    前言 最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题: 主要考察前端技基础是否扎实,...

  • 前端面试知识点积累

    本篇文章记录的是看到别人总结的一些面试题进行的题目整理,文章持续更新。但本篇不会给出具体的题目解答,这里只是一个题...

网友评论

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

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