核心内容摘要
百度蜘蛛池原理是什么及优化实战
百度企业网盘登录首页
名称 兼容性 描述 relative 当前元素将参与父节点布局,根据 top、right、bottom、left 等属性相对于自身偏移。 absolute 当前元素将不参与父节点布局,布局时不会为该元素创建任何空间,在父元素的内容区域中进行绝对布局,根据 top、right、bottom、left 等属性决定其位置。 fixed 当前元素将不参与父节点布局,将被视为页面根节点的子元素进行绝对布局,根据 top、right、bottom、left 等属性决定其位置。 static 该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。 sticky 元素根据正常文档流进行定位,然后相对它的最近滚动祖先(nearest scrolling ancestor)和 containing block(最近块级祖先 nearest block-level ancestor),包括 table-related 元素,基于 top、right、bottom 和 left 的值进行偏移。偏移值不会影响任何其他元素的位置。 该值总是创建一个新的层叠上下文(stacking context)。注意,一个 sticky 元素会“固定”在离它最近的一个拥有“滚动机制”的祖先上(当该祖先的 overflow 是 hidden、scroll、auto 或 overlay 时),即便这个祖先不是最近的真实可滚动祖先。这有效地抑制了任何“sticky”行为(详情见 Github issue on W3C CSSWG)。