Javascript 展开div而不将div推到下面

所以，我有一段代码，它扩展了div的高度，以显示一个带有过渡的隐藏div

问题是，在扩展主div时，下面的div被推送。我知道position-absolute甚至relative可以做到这一点，但我不知道我必须将代码放在哪里

我试过一些东西，但没有一个奏效，如果有人能帮忙，我将不胜感激

a{
文字装饰：无；
}
h1，
h2，
h3，
h4，
h5，
h6{
保证金：0；
}
produtos destaque先生{
宽度：200px；
高度：71px；
背景：rgb（220,220,220）；
过渡：高度2秒；
}
.produtos destaque:悬停{
高度：131px；
}
titulo produto先生之家{
填充：20px 20px 0；
}
.produtos destaque h3{
高度：31px；
溢出：隐藏；
颜色：rgb（140、140、140）；
字体大小：13px；
}
.produtos destaque:hover.btn produto{
不透明度：1；
}
.btn produto{
不透明度：0；
填充：20px 20px；
过渡：不透明度。2s缓解；
}
.btn compar{
高度：40px；
背景#fbbe3f；
颜色：#fff；
字体大小：13px；
字号：700；
线高：40px；
文本对齐：居中；
文本转换：大写；
}

我不希望将此推送

只是CSS中的一个小更新：

.produtos-destaque {
  width: 200px;
  height: 71px;
  background: rgb(220, 220, 220);
  transition: all .2s ease;
  position:relative;
  z-index:1;
}

.produtos-destaque:hover {
  height: 131px;
  margin-bottom:-60px;
}

a{
文字装饰：无；
}
h1，
h2，
h3，
h4，
h5，
h6{
保证金：0；
}
produtos destaque先生{
宽度：200px；
高度：71px；
背景：rgb（220,220,220）；
过渡：所有。2轻松；
位置：相对位置；
z指数：1；
}
.produtos destaque:悬停{
高度：131px；
边缘底部：-60px；
}
titulo produto先生之家{
填充：20px 20px 0；
}
.produtos destaque h3{
高度：31px；
溢出：隐藏；
颜色：rgb（140、140、140）；
字体大小：13px；
}
.produtos destaque:hover.btn produto{
不透明度：1；
}
.btn produto{
不透明度：0；
填充：20px 20px；
过渡：不透明度。2s缓解；
}
.btn compar{
高度：40px；
背景#fbbe3f；
颜色：#fff；
字体大小：13px；
字号：700；
线高：40px；
文本对齐：居中；
文本转换：大写；
}

我不希望将此推送

只是CSS中的一个小更新：

.produtos-destaque {
  width: 200px;
  height: 71px;
  background: rgb(220, 220, 220);
  transition: all .2s ease;
  position:relative;
  z-index:1;
}

.produtos-destaque:hover {
  height: 131px;
  margin-bottom:-60px;
}

a{
文字装饰：无；
}
h1，
h2，
h3，
h4，
h5，
h6{
保证金：0；
}
produtos destaque先生{
宽度：200px；
高度：71px；
背景：rgb（220,220,220）；
过渡：所有。2轻松；
位置：相对位置；
z指数：1；
}
.produtos destaque:悬停{
高度：131px；
边缘底部：-60px；
}
titulo produto先生之家{
填充：20px 20px 0；
}
.produtos destaque h3{
高度：31px；
溢出：隐藏；
颜色：rgb（140、140、140）；
字体大小：13px；
}
.produtos destaque:hover.btn produto{
不透明度：1；
}
.btn produto{
不透明度：0；
填充：20px 20px；
过渡：不透明度。2s缓解；
}
.btn compar{
高度：40px；
背景#fbbe3f；
颜色：#fff；
字体大小：13px；
字号：700；
线高：40px；
文本对齐：居中；
文本转换：大写；
}

我不想让它被推

是

.produtos destaque

的高度是静态还是动态？是

.produtos destaque

的高度是静态还是动态？