什么是content-visibility？content-visibility：该属性控制元素是否呈现其内容，这允许用户代理（浏览器）在需要时可能省略大量布局和呈现工作。MDN原文：content-visibilityCSS属性控制元素是否完全呈现其内容，并强制包含一组强大的内容，从而允许用户代理潜在地省略大量的布局和呈现工作，直到它变得非常需要为止。Basic使用户代理能够跳过元素的渲染工作（包括布局和绘画）直到需要它——这使得初始页面加载速度更快。它有几个共同的价值观。/*关键字取值*/content-visibility:visible;content-visibility:hidden;content-visibility:auto;另行说明：content-visibility:visible：默认值，无作用，相当于没有添加内容可见性，元素照常呈现。content-visibility:hidden：类似于display:none，用户代理将跳过其内容的呈现。（这里要注意内容的渲染是跳过的）content-visibility:auto：如果元素不在屏幕上，与用户无关，则不会渲染其后代元素。contain-intrinsic-size当然，除了content-visibility，还有一个匹配的属性——contain-intrinsic-size。contain-intrinsic-size：控制由content-visibility指定的元素的固有大小。上面两个属性光看定义和介绍会有点混乱。让我们首先看看内容可见性是如何使用的。content-visibility:visible为默认值，添加后没有任何作用，我们直接跳过。使用content-visibility:hidden来优化显示切换性能。首先，让我们看一下content-visibility:hidden。通常与display:none比较，但两者还是有区别的。有一个很大的不同。首先，假设我们有两个DIV环绕框：
