flex: 1不等分因flex-basis: 0%使元素从零开始均分，但显式width或内容撑开的原始尺寸会干 […]

应使用 rgba() 或 hsla() 替代 opacity 实现局部透明，如 background-colo […]

能，但需设align-items: center并统一box-sizing: border-box，否则因基线 […]

直接在@media中重写grid-template-columns即可响应式切换：小屏用1fr单列，中屏用re […]

响应式断点应以内容驱动为主，优先选用min-width，避开设备碎片化；基础样式写在媒体查询外，断点内仅覆盖必 […]

旧版flex布局需降级为-webkit-box语法以兼容ios safari 6–9和android 4.4； […]

grid圣杯布局更省心因原生支持显式轨道与隐式区域分配，无需清除浮动、手动计算flex-basis或写媒体查询 […]

这是css规范定义的外边距折叠行为：当父元素无border/padding/内容分隔时，子元素的margin- […]

用 display: flex + align-items: center + justify-content […]

浮动页脚塌陷需清除浮动或触发bfc：用overflow:hidden、clear:both空div或伪元素:: […]