今天面试,position竟然答错了。。唉。。以前以为很简单没有看,看来还是差的很多要继续学习啊。
复习一下position:
relative:生成相对定位的元素,相对于其正常位置进行定位。
absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。(脱离标准文档流)
fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。(脱离标准文档流)
static:默认值,没有定位。
sticky:粘性定位元素 相对于该元素在流中的 flow root(BFC)和 最近的块级父元素定位
sticky是relative和fixed的混合 可以认为元素在某个特定的高度之前是相对布局,然后是绝对布局,很多头部浮动导航栏就是这样的。