clear 用于让元素外边距上沿下移至指定方向浮动元素下边缘之下，从而拉回正常文档流；常用 clear: bo […]

弹窗 CSS 定位核心是遮罩层用 fixed 全屏覆盖，弹窗主体用 fixed+transform 居中；需设 […]

display 属性决定元素布局角色，盒模型定义该角色下空间计算方式；二者协同作用，不同 display 值对 […]

图片挤压文本的本质是布局模式下空间争夺与基线错位，用 flex 布局可解，关键在于精准控制主轴方向、对齐方式及 […]

响应式设计无需多套样式，关键在于善用弹性布局、流体单位和精简的媒体查询：Flexbox 天然适配尺寸变化，媒体 […]

新手用 Flex 布局最常踩的坑是混淆主轴与交叉轴：主轴由 flex-direction 决定（row 为水平 […]

优先检查 box-sizing 设置：默认 content-box 下 width 仅含内容区，实际尺寸 =w […]

最简洁可靠的方式是给最后一项设 margin-top: auto；因在 column 主轴下，该声明会使其吸收 […]

本文介绍一种纯 css 方案，通过 position: sticky 分别控制左侧导航中“顶部区域”和“底部区 […]

移动端导航栏错位重叠主因是未清除浮动、box-sizing 非 border-box 或 overflow 未 […]