Html 如何在保持绝对定位的同时，在父div宽度内调整子div？

我正在为家庭作业建立一个网页。我有这样一个问题，我的子div在宽度上比其父div扩展得更多

因此，我希望名为

的子div具有绝对定位，因为它使子div与名为

的父div重叠。但是，子div的宽度与父div的宽度无关

我在

上尝试了position:relative，但当鼠标悬停在上方时，所有父div都会展开，以使子div与父div重叠

那么，如何使子div与父div重叠，同时保持父div的宽度呢

链接到网页：

/*用于每个单独的框*/
.盒子{
边框：1px纯黑；
最小宽度：20%；
保证金：0；
背景色：#FFFFFF；
}
/*创建下拉框的样式*/
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#62ff36；
盒影：0px 8px 16px 0px rgba（56255,42,0.8）；
填充顶部：12px；
z指数：1；
}
.框内：悬停.下拉内容{
显示：块；
}

我的第一个网站有史以来在一个HTML文件！描述了一些关于制作一个像我这样的基础网站的过程


这个网页介绍了我自己以及我对编程/网页设计师的期望。也有我的影子。

只需在您的

下拉内容

类中添加一个

宽度：100%

，并在

框

中添加一个

位置：相对

，以确保选择的是此父级的宽度

---

默认情况下，绝对元素将适合其内容

没问题，祝你作业顺利。：）顺便说一句，如果你想在你的页面上添加一个简单而甜美的新鲜触感，你可以利用css渐变。这里有很多有用的预设：