子div中的内容与父div重叠

是由于CSS中的定位属性和层叠顺序的设置导致的。当子div的定位属性为绝对定位（position: absolute）或固定定位（position: fixed）时，它们会脱离正常的文档流，并且可以通过top、bottom、left、right属性来控制其在父div中的位置。

如果子div的定位属性设置为绝对定位，并且没有指定top、bottom、left、right属性，那么子div会相对于最近的具有定位属性（position为relative、absolute、fixed）的父元素进行定位。如果没有找到具有定位属性的父元素，那么子div会相对于文档的初始包含块进行定位。

当子div的定位属性设置为绝对定位，并且指定了top、bottom、left、right属性时，子div会相对于其最近的具有定位属性的父元素进行定位，同时根据指定的top、bottom、left、right属性值确定其位置。

如果子div的定位属性设置为固定定位，那么子div会相对于浏览器窗口进行定位，不会随页面滚动而改变位置。

当子div的位置与父div重叠时，可以通过以下方法解决：

调整子div的定位属性和位置属性，确保其在父div中的位置正确。可以通过修改top、bottom、left、right属性的值来调整子div的位置。
调整父div的定位属性和层叠顺序，确保父div不会被子div覆盖。可以将父div的定位属性设置为relative或其他具有定位属性的值，并通过z-index属性来调整层叠顺序。
使用CSS的盒模型属性，如padding、margin等，来调整子div与父div之间的间距，避免重叠。
如果需要在子div中显示父div的内容，可以考虑使用CSS的overflow属性来控制子div的溢出行为，例如设置overflow: visible，使得子div可以显示超出其边界的内容。

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