混用%和fr时，百分比列先按容器宽度计算，fr列再平分剩余空间；顺序影响布局，如50%1fr1fr中...
repeat()是语法糖，非函数调用，正确写法为repeat(3,1fr)或repeat(2,1fr...
CSSGrid本身不支持拖拽，排序依赖DOM顺序或order/grid-row-column动态调整...
响应式图片边距不均主因是父容器flex/grid布局未统一处理间距，应优先用gap替代单图margi...
核心解决思路是控制子项自身对齐行为并限制内容溢出表现：设align-self:start/cente...
浮动元素覆盖定位元素的本质是层叠上下文与文档流冲突；解决方法包括用z-index控制顺序、统一层叠上...
align-self和justify-self仅作用于网格项目，分别控制其在交叉轴和主轴的对齐；仅当...
大屏内容拥挤需四维响应式留白：设容器max-width（1200px～1440px）并margin:...
CSSGrid无自动换行机制，所谓“换行异常”实为未理解grid-auto-flow默认按行填充且不...
grid-template-areas适合语义化表格结构，通过区域名映射布局，易维护且不改变DOM顺...
卡片高度不一致主因是CSS文档流中子项按内容撑开且父容器无约束；Grid布局通过align-item...
grid-template-areas是CSSGrid中唯一支持语义化区域名一次性定义整体布局的声明...
400-9888-660 
