CSS常见面试题-定位有几种?说说对其理解
在前端面试中,CSS中最最常见、也是点击率最高的问题之一,今天就分享给大家啦!之后会继续补充呦!
定位有几种?说说对其理解
答:
-
position:absolute 绝对定位
绝对定位的元素会脱离文档流
绝对定位的位置是根据最近的父级元素定义的,如果没有父级元素,默认相对于body定位
元素定位后会转变成块级元素,无论之前是什么类型元素 -
position:relative 相对定位
元素偏移某个位置,
不会脱离文档流,原本文档流中占据的位置依旧保留
子元素可相对该元素进行绝对定位 -
position:fixed 固定定位
固定定位元素会脱离文档流
固定定位的位置所相对固定的对象是可视窗口,与其他无关 -
position:static 静态定位
默认值,元素正常生成
top、right、bottom、left这些偏移属性不会影响静态定位的正常显示
嗯,就是这几种定位,你记住了吗?哈哈,加油!