避免多个粘性的div彼此重叠，只使用CSS (无javascript)

要避免多个粘性的div彼此重叠，只使用CSS（无JavaScript），可以使用CSS的flexbox布局或者grid布局来实现。

1. Flexbox布局： Flexbox是一种用于页面布局的CSS模块，它提供了一种灵活的方式来排列、对齐和分布元素。通过设置容器的display属性为flex，可以创建一个flex容器，然后通过设置容器内元素的flex属性来控制它们的大小和位置。

优势：

• 简单易用，只需少量的CSS代码即可实现布局需求。
• 自适应性强，可以根据容器的大小自动调整元素的位置和大小。
• 可以实现水平和垂直方向上的布局。

应用场景：

• 页面的导航栏布局。
• 列表或网格的排列布局。
• 页面的侧边栏和主内容布局。

推荐的腾讯云相关产品：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos

1. Grid布局： Grid布局是一种二维布局系统，通过将容器划分为行和列的网格，可以更精确地控制元素的位置和大小。通过设置容器的display属性为grid，可以创建一个grid容器，然后通过设置容器内元素的grid-area属性来指定它们在网格中的位置。

优势：

• 提供了更强大的布局能力，可以实现复杂的网格布局。
• 可以通过自动布局和对齐方式来简化页面的响应式设计。
• 可以方便地控制元素的层叠顺序。

应用场景：

• 复杂的表格布局。
• 图片墙或瀑布流布局。
• 多列文章布局。

推荐的腾讯云相关产品：

• 云函数（SCF）：https://cloud.tencent.com/product/scf
• 云数据库MongoDB版（CMongoDB）：https://cloud.tencent.com/product/cdb_mongodb
• 云存储（COS）：https://cloud.tencent.com/product/cos

以上是使用CSS（无JavaScript）避免多个粘性的div彼此重叠的方法和相关推荐的腾讯云产品。