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

flex-direction是最常被重写的弹性容器属性，需确保父容器已声明display:flex；移动端（≤768px）用column，桌面端（≥1025px）用row并配justify-content；注意特异性、align-items在列布局下的影响、gap回退及性能优化。

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

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

z-index不生效主因是父容器未形成层叠上下文；它仅对定位元素有效，且层级比较限于同一层叠上下文内，常见陷阱包括父元素position:static、隐式创建新上下文（如opacity

动画中元素位置偏移、透明度不同步的根本原因是混用重排属性（如margin/top）与合成层属性（opacity/transform）；必须统一使用transform替代布局属性，并保持transform声明完整，才能确保GPU加速与帧同步。