DIVs在缩小页面时从其位置移动

是因为CSS中的布局机制导致的。当页面缩小时，浏览器会根据CSS中的布局规则重新计算元素的位置和大小。

在默认情况下，DIV元素的布局方式是流动布局（Flow Layout），即元素会按照其在HTML文档中的出现顺序从上到下依次排列。当页面缩小时，如果DIV元素的宽度超过了可视区域的宽度，浏览器会自动将其移动到下一行显示，以适应可视区域的大小。

如果希望DIV元素在缩小页面时保持固定位置，可以使用CSS中的定位属性来实现。常用的定位属性有相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。通过设置这些定位属性，可以将DIV元素相对于其父元素或文档的特定位置进行定位，从而在缩小页面时保持固定位置。

除了定位属性，还可以使用CSS中的媒体查询（Media Queries）来根据不同的屏幕尺寸应用不同的样式。通过媒体查询，可以根据屏幕宽度等条件来设置DIV元素的位置和大小，以适应不同的设备和屏幕尺寸。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iot
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse