定位

元素默认按文档顺序一个接一个排列，position 可以改变这一点：relative 相对自身原位置偏移，原位置保留；absolute 相对最近的已定位祖先元素摆放，不占原来的位置；fixed 相对浏览器窗口固定，滚动也不动；sticky 滚到某个位置后粘住不动，也就是吸顶。

最常用的组合是「子绝父相」：父元素设 position: relative，子元素设 position: absolute 加 top: 8px; right: 8px，就能把角标、关闭按钮放在卡片右上角。忘了给父元素设 relative，子元素就会跑到别处。

定位决定元素放在哪，重叠时谁盖住谁由 层级 决定。能用 Flex、Grid 解决的布局，不要用绝对定位硬摆。