我排查了3天卡顿，最后发现是CSS的问题
说实话，我以前对 CSS 性能这件事不太上心。觉得样式嘛，能看就行，性能瓶颈肯定在 JS 那边。
CSS 定位详解
CSS 有两个最重要的基本属性，前端开发必须掌握：display和position。display属性指定网页的布局。两个重要的布局，我已经介绍过了：弹性布局flex[1]和网格布局grid[2]。本文介绍非常有用的position属性。
这10个CSS布局可以覆盖很多棘手的布局问题
让网页布局比以往更简单的演进之路现实确实令人头疼：你在 Figma 里设计出了完美的界面，但要将它转化为响应式、跨浏览器兼容的 CSS，却仿佛要在黑暗中解开魔方。
CSS position属性sticky实现吸顶菜单效果
CSS的position属性用于指定元素在文档流中的定位方式，position属性和top、bottom、left、right属性一起决定元素的最终位置。
CSS布局（一）——浮动与Flexbox
浮动与定位知识点一、为什么需要浮动？在 CSS 布局的“远古时代”（Flexbox 和 Grid 出现之前），浮动（float）是实现多列布局最主要的手段。它原本的设计初衷是让文字环绕图片（类似报纸排版），但开发者们很快发现它可以用来将块级元素并排排列，从而构建复杂的页面布局。
Html之position粘性定位
这几天刚开始写一个Vue项目，遇到了一个定位问题，觉得挺有意思的，这里分享给大家。 必须制定 top、bottom 、left 、 right 4个值之一，否则只会处于相对定位;
前端开发中 5 个实用的 CSS 布局技巧，让你的页面更优雅
作为一名前端开发者，CSS 布局是我们每天都要面对的挑战。今天分享 5 个我在实际项目中总结的 CSS 布局技巧，希望能帮助大家写出更优雅的代码。 一、使用 Grid 实现复杂布局 CSS Grid 是处理复杂布局的利器。相比 Flexbox，Grid 更适合二维布局场景。
Web前端开发 - 第10次课: CSS定位与布局
本课概览项目内容主题display、浮动、定位与z-index对应PPThtml课件\第09节.CSS定位与布局.pptx源码参考源码\第09节.CSS定位与布局\横向菜单.
css固定元素，滚动到此处位置时固定position: sticky
需求:当页面很长，有滚动条时，需要固定页面上的部分元素，便于下方元素和上方固定元素的对照。
CSS 进阶篇！搞定定位、浮动、Flex 布局，页面排版随心所欲
前面我们学了 CSS 基础，会改文字颜色、大小、边距。但想要做出整齐的导航栏、卡片布局、侧边栏 + 主内容结构，只靠基础样式远远不够。