Div自动高度不起作用

Question

访问（浏览器宽度较小）website ==＆gt;卷号==＆gt;输入jit，该div会有滚动条。 （完成）

现在访问（浏览器宽度较小）website ==＆gt;音频教程==＆gt;单击part1，div高度将增加。 （良好）

我的问题是为什么Roll Number div不会增加高度？

代码：

@media screen and (max-width: 650px) {
    .card.h-50 {
        height: auto !important;
    }
}

Answer 1

问题是你的search-box div有一个固定的高度而你的result div有position: absolute;会阻止你的card div增长。

绝对定位的元素不计入文档流的一部分，因此它们的宽度和高度不会影响其父级的维度。

只需将position: absolute;更改为position:relative;即可解决问题。