浮动元素脱离文档流，不再为父容器撑高且不影响块级兄弟元素垂直位置；块级兄弟元素“上移”、内联内容“环绕”；父容 […]

text-indent 失效主因是元素非块级或父容器为 flex/grid；中文首行缩进推荐 text-ind […]

响应式页面小屏出现横向滚动条主因是box-sizing默认content-box导致“隐性溢出”：width: […]

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或写媒体查询 […]