先看图
由于标记处的内容溢出，导致子类溢出传播到祖父类watermark显示导航条，我们需要的理想状态应该是让它的父类显示导航条就行。
- 解决方案
- 给祖父类设置固定高度
100vh - 给祖父类设置
overflow: hidden:- 祖父节点的
overflow属性决定了滚动条的归属
- 祖父节点的
- 给祖父类设置固定高度
overflow的传播规则：浏览器会从溢出的子元素向上查找，第一个 设置了
overflow: auto/scroll/hidden的祖先容器 会成为滚动容器
CSS 溢出传播机制
故及2025-07-11 10:31
相关推荐
青青家的小灰灰1 小时前
Vue 3 新标准：<script setup> 核心特性、宏命令与避坑指南SuperEugene1 小时前
路由与布局骨架篇：布局系统 | 头部、侧边栏、内容区、面包屑的拆分与复用大金乄1 小时前
用canvans画一个流程图大金乄1 小时前
TreeSelect 是一个基于 Element UI 的树形选择器组件，结合了 el-select 和 el-tree 的功能，支持单选和多选模式，支持树形大金乄1 小时前
自动构建打包脚本(开发环境)jerrywus1 小时前
为什么每个程序员都应该试试 cmux：AI 加持的终端效率革命codeniu1 小时前
@logicflow/vue-node-registry 在 Vite 中无法解析的踩坑记录与解决方案孟祥_成都2 小时前
AI 术语满天飞？90% 的人只懂名词，不懂为什么！Lupino2 小时前
被 React “玩弄”的 24 小时：为了修一个不存在的 Bug，我给大模型送了顿火锅钱米丘2 小时前
了解 Javascript 模块化，更好地掌握 Vite 、Webpack、Rollup 等打包工具