如何让2个div与位置相关

要让两个div与位置相关，可以使用CSS的定位属性来实现。常用的定位属性有相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。

1. 相对定位（relative）：相对于元素在正常文档流中的位置进行定位，通过设置top、bottom、left和right属性来调整元素的位置。相对定位不会影响其他元素的布局。
2. 绝对定位（absolute）：相对于最近的已定位的祖先元素进行定位，如果没有已定位的祖先元素，则相对于最初的包含块（通常是文档的body元素）进行定位。通过设置top、bottom、left和right属性来确定元素的位置。绝对定位会脱离正常文档流，其他元素会忽略该元素的存在。
3. 固定定位（fixed）：相对于浏览器窗口进行定位，始终保持在窗口的固定位置。通过设置top、bottom、left和right属性来确定元素的位置。固定定位也会脱离正常文档流，其他元素会忽略该元素的存在。

应用场景：

• 相对定位常用于微调元素的位置，使其相对于正常文档流中的位置进行微调。
• 绝对定位常用于创建浮动效果、实现元素的层叠效果或者在页面中创建固定位置的元素。
• 固定定位常用于创建固定在页面某个位置的导航栏或广告栏。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统，满足不同业务场景的需求。详细介绍请参考：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用。详细介绍请参考：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云内容分发网络（CDN）：加速静态资源的传输，提高用户访问速度和体验。详细介绍请参考：https://cloud.tencent.com/product/cdn