Css 相对位置和溢出自动

我有一个溢出问题：自动和相对位置？我的代码示例如下：

div{
边框：3个虚线#ccc；
填充：20px；
}
div:：在{content:attr（class）；}之前
.祖父母{溢出：自动；}
.parent{位置：相对；}
.child{位置：绝对；高度：60px；背景：黑色；颜色：白色；}

div，div.child:：after{
边框：3个虚线#ccc；
填充：20px；
}
div:：在{content:attr（class）；}之前
.祖父母{溢出：自动；}
.parent{位置：相对；}
.child:：在{content:}之前
.child{位置：相对；溢出：自动；}
.child：：在{内容：attr（类）；位置：绝对；高度：60px；背景：黑色；颜色：白色；
}

请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确地说出你在问什么。寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是在一个简单的文本中。请参阅编辑的代码，以便清楚地显示问题。@connexo position:relative可以删除，您将获得预期的输出。如果没有设置上/左/右/下，则不需要该选项values@connexo所以我们需要解决一个真实的场景。你找不到这个问题的通用解决方案。我也做过类似的事情：我可以在这里申请，但可能不适合你的真实场景（我确信这是针对这个简单的案例），我不知道这是如何实现任何有用的。无论如何，它都不能达到预期的结果。