Html 如何让父级（相对）根据子级（绝对）div展开

我知道类似的问题已经被问了很多次，我已经尝试过他们根据我的代码定制的解决方案，但似乎都不起作用。我的网站有一个标题，里面有一个div，包含Wordpress联系人表单7。整个站点都是响应性的，而不是保持其高度（不固定）且仅高度宽度不变的联系人表单div。下面是代码

#imgDiv

是父分区，

#property search

是子分区。

#property search

是只减小宽度而不减小高度的分区

#imgDiv{位置：相对；宽度：100%；溢出：自动；}
#imgDiv img{宽度：100%；}
#属性搜索{位置：绝对；顶部：0；左边距：450px；最小宽度：18%；背景色：rgba（23,81,61,0.5）；溢出：自动；右边距：450px；}

---

编辑：我知道绝对定位将导致子div相对于其父div的高度不变。因此，我正在寻找一种方法来解决这个问题，而不是接受关于绝对位置和相对位置使用的教育。谢谢

不确定绝对定位的需要是什么，但如果它只是将文本放在图像上方，为什么不将图像作为背景图像

#imgDiv{
宽度：100%；
溢出：自动；
背景：url(http://lorempixel.com/1000/1000/city/1/)上中不重复；
背景尺寸：封面；
}
#财产搜索{
左边距：450px；
最小宽度：18%；
背景色：rgba（23,81,61,0.5）；
溢出：自动；
右边距：450px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种新的交通工具。萨吉蒂的普雷森特·乌兰科珀·佩伦茨克·泰勒斯。奥纳雷的利奥之旅。在sem egestas，欧盟宣言ullamcorper中，对弗林利亚直径进行了说明。普罗旺斯马萨sem有限公司，巴西红葡萄酒公司。莫比·洛博蒂斯·梅托斯（Morbi lobortis metus）位于安科斯夸特（arcu consequat），ac sodales mauris interdum。两人坐在一起。奥迪奥自由女神、马蒂斯·洛博蒂斯·欧罗巴蒂斯·欧罗巴蒂斯·欧罗巴蒂斯、萨吉蒂·欧罗巴蒂斯·欧罗巴蒂斯·欧罗巴蒂斯·欧罗巴蒂斯·欧罗巴蒂斯。
他坐在埃格斯塔斯的位子上。多内克在朗卡斯的普尔文纳河上放纵。不要再吃了，这是一个夸姆语。整粒伊库利斯圣人生命拉齐尼亚生命。orci urna公司、非purus vitae公司、威尼斯大拍卖行。双倍注射，预防性注射，效果良好。库拉比图尔和sem pulvinar、posuere magna、luctus risus。黄褐飞虱（Phasellus bibendum nibh eu ligula ultricies elementum）。马蒂斯·奥奇·莫里斯万岁，在马蒂斯·莫里斯·苏西比特。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。奥古斯之路万岁。这是一个很好的例子。梅塞纳斯非尤伊斯莫自由人。静脉曲张。在不符合自身条件的情况下，该阶段不适用于任何其他情况。

你能添加一个JSFIDLE吗？你知道绝对定位的元素不会影响相对的父元素，但你仍然在要求一个解决方法……除了不使用

绝对定位之外，没有其他方法。如果你想保持子元素绝对定位，你需要javascript，但是如果没有进一步的上下文，比如说一点html，我真的无法对更好的解决方法发表评论。不过，你的css的外观决定了，你把文本放在图像的顶部，那么为什么不把图像作为imgDiv上的背景图像，然后让你的属性搜索成为相对的呢？谢谢Pete。这正是我在发布问题后所做的。成功了！谢谢