先看图
由于标记处的内容溢出,导致子类溢出传播到祖父类
watermark
显示导航条,我们需要的理想状态应该是让它的父类显示导航条就行。
- 解决方案
- 给祖父类设置固定高度
100vh
- 给祖父类设置
overflow: hidden
:- 祖父节点的
overflow
属性决定了滚动条的归属
- 祖父节点的
- 给祖父类设置固定高度
overflow
的传播规则:浏览器会从溢出的子元素向上查找,第一个 设置了
overflow: auto/scroll/hidden
的祖先容器 会成为滚动容器
