flex 子项不肯缩小？那是 min-width: auto 在按规范办事
左边头像固定、右边 flex: 1，一条长 URL 把布局撑破，flex-shrink…
技术笔记
共 11 篇position: sticky 不吸顶时，我按这个顺序查
写了 position: sticky; top: 0，滚到底一声不响。六成情况下不是代…
autocomplete=off 在 Chrome 里基本等于没写
自定义样式的输入框一被自动填充就变黄，off 写了也没用。Chrome 是按语义猜字段的…
@import 是一条串行请求链 —— 用 Resource Timing 自己量，别听人说
@import 的问题不是"慢"，是它把并行变成了串行：必须先把外层 CSS 下完、解析…
不写 html 和 body 也能跑：解析器替你补了什么
一个只有 hello 的文件，浏览器打开是完整的 DOM 树。骨架能省，但省掉 doct…
section 和 div 的差别在无障碍树里，不在源码里
我一直以为语义化标签的价值在 SEO。查了 HTML-AAM 才发现： 不给名字的时候，…
三个段落各写 margin: 20px，间距是 20 不是 40 —— 外边距塌陷
期望 40px 实际 20px，不是浏览器算错，是 CSS 2.1 规定相邻的垂直外边距要合…
flex-grow 分的是剩余空间，不是最终宽度 —— 两个手算例子
容器 1000px、三个子项 grow 1/2/1，宽度不是 250/500/250。要先减…
auto-fill 和 auto-fit 差一个字，项目少的时候差一倍宽度
repeat(auto-fill, minmax(240px, 1fr)) 和 aut…
getElementsByClassName 是实时集合：一个循环只删掉一半元素
「删掉列表里所有项」写了 8 个字符的循环，跑完还剩一半。原因是这个集合会跟着 DOM 变，…