CSS 溢出传播机制

先看图

由于标记处的内容溢出，导致子类溢出传播到祖父类watermark显示导航条，我们需要的理想状态应该是让它的父类显示导航条就行。

• 解决方案
  • 给祖父类设置固定高度100vh
  • 给祖父类设置overflow: hidden:
    • 祖父节点的 overflow 属性决定了滚动条的归属

overflow 的传播规则：

浏览器会从溢出的子元素向上查找，第一个 设置了 overflow: auto/scroll/hidden 的祖先容器 会成为滚动容器