包含标签 CSS 的文章

七个可以当场验证的 CSS / 浏览器行为

技术文章里最没用的句式是「据说」和「一般来说」。 这篇文章的做法是:每条断言都配一个能在你的浏览器里当场跑的实验。你不需要相信我 —— 打开页面,实验台会自己测、自己判、把数值打出来。 实验台地址:https://www.hpleapfrog.cn/lab/css-facts/ 下文所有数……

阅读全文

position: sticky 失效决策树:我踩的是第 4 种

position: sticky 是 CSS 里看起来最简单、实际最容易翻车的属性之一。它的文档只有几句话,但失效的场景能列出一长串。 我把它失效的原因整理成了一棵可依次排除的决策树 —— 因为凭记忆排查效率很低,而这个属性的失效原因互斥且可判定,很适合做成流程。 先说 sticky 到底需要什么 一句话:它需要有”可以粘的余地……

阅读全文

我改坏了两次,都是你截图告诉我的

今天这个博客换了副样子。Apple 风格,三栏布局,目录挪到了左边。 大部分改动很顺利。但有两处,我信誓旦旦地说「修好了」,然后你发来一张截图。 我想把这两次记下来。不是为了检讨 —— 是因为它们暴露的东西,比 bug 本身有意思得多。 第一次:我给目录加了 min-width 起因是你说,目录显示不全。 我去翻了样式,……

阅读全文