在刚刚 使用 apsect-ratio 并对其直观性感到惊喜之后，这里有一个 CSS 行为不直观的示例
如果您页面上有一个固定元素，这意味着在您滚动时它不会移动，您可能会意识到，如果您在其最近的祖先元素上应用 CSS 滤镜，它将不再表现为固定状态。 来吧，在 CodePen 上试试看。
这是因为在固定元素的直接父元素上应用
filter使其成为包含块，而不是视口。
Hui Jing 在那里还将教授更多关于滚动、渲染性能以及使用伪元素来避免问题的技巧。
我发现这类东西是 CSS 概念中最具挑战性的，就像 块级格式化上下文 (BFC) 一样。 BFC 是布局中的一个小布局。 🤯