多行文本在grid单元格中垂直居中失效，主因是网格项未撑满行高或内部非块级布局；需设align-items:stretch并让网格项用flex实现justify-content:center。

使用position:sticky实现导航栏吸顶时，必须设置top值并确保其有可滚动的后续内容；父容器的overflow:hidden通常不是根本原因。

是的，gap在现代浏览器Flex布局中完全可用，但Safari14.1以下及IE不支持；它由容器控制主轴与交叉轴间距，避免margin首尾空白问题，且不触发重排、不影响可访问性。

是，按钮类名组合能覆盖大部分定制需求，但需遵循基础类优先顺序、避免混用自定义类、优先使用CSS变量而非直接覆盖选择器，并确保:hover等交互态选择器权重足够。

不需要为不同断点单独设置行高；应使用无单位数值（如1.5），因其相对当前font-size计算、避免嵌套失真，且适配响应式字号变化。

背景图片无法铺满页面宽度，通常源于min-width:100%引发水平溢出、内联样式与CSS规则冲突，或未正确应用background-size:cover。本文详解根本原因及标准解决方案。