Html 我在相对div中有绝对位置，当我放大到设备布局时，它与父设备重叠

我有一个

div

相对位置，其中有一个绝对位置，但当我放大设备布局时，我遇到了绝对位置与父

div

重叠的问题

代码如下：

html，正文{背景：黑色；}
#下降区{
背景：灰色；
位置：相对位置；
保证金：0自动；
最大宽度：800px；
}
#孩子{
位置：绝对位置；
宽度：300px；
高度：300px；
背景：绿色；
左：400px；
}

---

您不应该使用

位置：绝对值来居中元素（我认为这就是您试图做的）尝试使用
边距：0自动


html，正文{背景：黑色；}
#下降区{
背景：灰色；
位置：相对位置；
保证金：0自动；
最大宽度：800px；
}
#孩子{
宽度：300px；
高度：300px；
背景：绿色；
保证金：0自动；
}
使用
%
而不是
px
以避免重叠