object-fit 是控制替换元素内容缩放与裁剪的 CSS 属性，需配合 width/height 或 as […]

核心写法是grid-template-columns: repeat(auto-fill, minmax(28 […]

网页底部出现巨大空白，通常是因滥用绝对定位、负边距或脱离文档流导致；本文将从根源讲解问题成因，并提供语义化、可 […]

vw单位使文字随视口缩放但易失控，应配合clamp()约束范围，如font-size: clamp(16px, […]

父容器不自动撑开浮动子元素是因为浮动元素脱离普通文档流，导致高度塌陷；overflow: hidden 能清除 […]

用 fr 单位设 grid-template-columns（如 repeat(3, 1fr)）最对齐，避免固 […]

flex布局更健壮：设父容器min-height:100vh、flex-column，main加margin- […]

display: -webkit-box 仅适用于 WebKit 内核浏览器，因其是 WebKit 私有属性， […]

text-overflow: ellipsis 仅对单行生效，多行需用 -webkit-line-clamp； […]

子元素填满父容器需父容器设明确高度（如height: 100vh）并启用display: flex，子元素设f […]