一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：

clientHeight：可视的，看得见的部分，content+padding；

offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；

scrollTop：超过clientHeight“顶部界线”的部分，即看不见的、已经 滚动出去 的部分；

IT之家 7 月 11 日消息，微软公司在 7 月补丁星期二发布的 Windows 10、Windows 11 系统累积更新中，修复了追踪编号为 CVE-2024-38112 的零日漏洞。

该零日漏洞由 Check Point Research 的安全专家李海飞（Haifei Li，音译）于 2023 年 1 月发现，是一个高度严重的 MHTML 欺骗问题，有证据表明有黑客在过去 18 个月里，利用该漏洞发起恶意攻击，可以绕过 Windows 10、Windows 11 系统的安全功能。

在CSS中，百分比（`%`）是一种灵活且强大的相对单位，但其具体行为常让开发者感到困惑。本文将深入解析百分比单位的计算规则，帮助你彻底掌握其背后的逻辑。

一、百分比的核心：参考系（包含块）

百分比的值始终相对于其元素的参考系，即CSS规范中的包含块（Containing Block）。参考系的定义分为两种情况：

许多入门学前端的同学，或是准备面试的同学都会去死记硬背一些前端知识点，笔者也是这么经历过来的，但却不推荐这种囫囵吞枣、不求甚解的学习方式，因为这样会走很多弯路，属于“应试”学习，我们更应该的是从基础到复杂，从表象到原理的角度却思考学习，才能熟练掌握技能。