css布局 _ 星耀云

精选推荐

因为@content必须配合@…

设 box-sizing: b…

小屏破版的核心解法是采用 wi…

2026年3月2日

因为@content必须配合@include调用时传入的代码块，它本身不是变量也不是返回值，而是一个“占位注入点”。如果Mixin定义里写了@content，但调用时没带花括号包裹的内容，Sass编译器会直接抛错：Content block not provided。

2026年2月22日

for 属性必须精确匹配 input 的 id 值，大小写、连字符、下划线都算不同 ID。常见错误：

2026年2月22日

CSS 里写个 #ff6b6b 不会让人自动开心，#4ecdc4 也不会天然显得“专业”——颜色对心理的影响高度依赖文化、语境和个体经验，强行套用“暖色=热情”“蓝色=信任”这类通用标签，在真实 UI 中往往失效。

2026年2月19日

当容器高度确定、且只有一行文字时，line-height 是最轻量的方案：直接设为与容器高度相等即可。比如容器高 40px，就写 line-height: 40px。

2026年2月19日

直接给 margin: 0 auto 不生效，大概率是没设宽度或父容器没撑开。它只对「有明确宽度」的块级元素起作用，且该元素不能是 float 或 position: absolute 状态。

2026年1月4日

等高列在 HTML5 布局中早已不是“难题”，而是有明确、稳定、语义清晰的解法——display: flex 和 display: grid 是当前首选，float 或 table-cell 等老方案应避免在新项目中使用。

2026年1月2日

弹窗无法垂直居中，多数是因为父容器没设高度、或用了不稳定的定位+负margin方案。用 flex + min-height 能真正解决——既适配内容动态变化，又无需JS计算，兼容性也够用（IE11+ 支持）。

2025年12月29日

标题和图文错位，通常是因为容器内元素的默认对齐行为不一致，比如文字基线对齐（baseline），而图片默认按底部对齐，导致视觉上“没对齐”。用 flex 容器配合 align-items 是最直接、可靠的统一方案。

2025年12月23日

高度塌陷是因浮动或脱离文档流子元素导致父容器无法计算高度，表现为内容溢出等；min-height仅视觉兜底，触 […]

2025年12月20日

小屏破版的核心解法是采用 width: 100% + max-width + box-sizing: bord […]