先看图
由于标记处的内容溢出，导致子类溢出传播到祖父类watermark显示导航条，我们需要的理想状态应该是让它的父类显示导航条就行。
- 解决方案
- 给祖父类设置固定高度
100vh - 给祖父类设置
overflow: hidden:- 祖父节点的
overflow属性决定了滚动条的归属
- 祖父节点的
- 给祖父类设置固定高度
overflow的传播规则：浏览器会从溢出的子元素向上查找，第一个 设置了
overflow: auto/scroll/hidden的祖先容器 会成为滚动容器
CSS 溢出传播机制
故及2025-07-11 10:31
相关推荐
Csvn8 小时前
模板字面量类型：用类型做字符串的正则倾颜9 小时前
AI Chat 长会话性能实践：消息虚拟化、动态高度与流式滚动设计幸运小圣9 小时前
SSE 与 WebSocket 新手入门：前端实时通信完全指南【JavaScript】艾伦野鸽ggg9 小时前
25级开学 JS 考核题解leoZ2319 小时前
2026-09-08-mysql-57-init-walkthroughpaopaokaka_luck9 小时前
非遗文物数字化系统（AI非遗问答、ONNX图像识别、协同过滤推荐、ECharts数据分析、非遗知识浏览与互动、文创商城订单闭环、文化活动报名签到、社区交流）乘风gg10 小时前
AI Coding 提效 2 倍是真的吗？到底怎么衡量效果用户9210802628610 小时前
从对象到原型链：理解 this、构造函数和 new猫不易10 小时前
Webpack 与 Vite：从 Loader / Plugin 到 Rolldown 统一引擎YHL10 小时前
🎯 Danci —— 用 AI 驱动开发一个全栈英语单词学习平台