当父固定元素在Chrome中添加边框时，绝对元素会发生变化(77.0.3865.90)

当父固定元素在Chrome中添加边框时，绝对定位的子元素会发生位置偏移的变化。这是由于Chrome浏览器在渲染绝对定位元素时，会将其相对于最近的具有定位属性（position属性值为relative、absolute、fixed或sticky）的父元素进行定位。当父元素添加边框时，其尺寸会发生变化，导致子元素相对于父元素的定位发生偏移。

解决这个问题的方法有两种：

1. 使用padding代替border：将父元素的边框样式改为使用padding来实现，这样不会改变父元素的尺寸，从而避免子元素的位置偏移。
2. 使用伪元素：在父元素上使用伪元素（::before或::after），并为其添加边框样式，这样父元素的尺寸不会发生变化，子元素的位置也不会受到影响。

以上是对于该问题的解决方法，下面是一些相关的名词解释和推荐的腾讯云产品：

1. 绝对定位：绝对定位是一种CSS定位方式，通过设置元素的position属性为absolute，可以将元素相对于其最近的具有定位属性的父元素进行定位。
2. 边框：边框是元素周围的一条线，用于装饰和区分元素与其他元素的边界。
3. Chrome浏览器：Chrome是由Google开发的一款流行的网络浏览器，提供了丰富的开发者工具和良好的兼容性。
4. 伪元素：伪元素是CSS中的一种特殊元素，用于在元素的内容前面或后面插入额外的内容。
5. 腾讯云产品推荐：腾讯云提供了丰富的云计算产品，其中与前端开发和云原生相关的产品包括云服务器（https://cloud.tencent.com/product/cvm）、容器服务（https://cloud.tencent.com/product/tke）、云原生应用平台（https://cloud.tencent.com/product/tcaplusdb）、内容分发网络（https://cloud.tencent.com/product/cdn）等。

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。