子绝父相

Docs

• 定位 - 学习 Web 开发 | MDN (mozilla.org)
• position - CSS：层叠样式表 | MDN (mozilla.org)

• 子绝父相
• 在绝大数情况下，子元素的绝对定位都是相对于父元素进行定位
• 如果希望子元素相对于父元素进行定位，又不希望父元素脱标，常用解决方案是：
  • 父元素设置 position: relative;（让父元素成为定位元素，而且父元素不脱离标准流）
  • 子元素设置 position: absolute;
  • 简称为"子绝父相"

Loading Github Gist ...

Details

See the Pen by jaimezeng (@jaimezeng) on CodePen.