Position Sticky With CSS Grid

你有没有试过与 网格布局的 子项 一起使用 position: sticky？ 网格项的默认行为是拉伸。因此，以下示例中的 aside 元素等于 main 元素高度。

aside

main

若要使其按预期工作，需要重置 align-self 属性。

aside {
  align-self: start;
  position: sticky;
}

aside

main

贡献者

• liuyanliang

版权所有

版权归属：liuyanliang

本文链接：/defensive-css/sticky-with-grid/

许可证：署名-非商业性-禁止演绎 4.0 国际 (CC-BY-NC-ND-4.0)