Html 容器的高度为“；“太高”；（底部有太多的空白）

我的引导设计中的容器不适合我想要的实际高度

目前，我将以下类添加到style.css中的容器中：

.secondSection {
  min-height: 100%;
}

在容器的底部还有很多未使用的空间。 以下是它当前外观的屏幕截图：

我如何调整它，使其高度与内容的实际大小相适应

index.php

正文{
填充顶部：0；
边框：3倍纯黑；
}
.大纲{
左边框：1px实心#C8C8C8；
右边框：1px实心#C8C8C8；
}
头李{
字体系列：“PFDINTextPro中”；
字号：1rem；
}
.品牌名称{
字体系列：“Uni Sans Bold”；
字号：2.2rem；
}
.上段{
背景色：#FFCF59；
字体系列：“PFDINTextPro Italic”；
字号：1rem；
}
.ROW部分导航{
高度：280px；
}
.NavNoAddingMargin{
边际：0px；
填充：0px；
}
.第二节{
最小高度：100%；
}
.第二节h2{
颜色：#333F48；
字体系列：“风水学媒介”；
文本对齐：居中；
字体大小：1.4rem；
}
.第二节p{
颜色：#333F48；
文本对齐：居中；
字体系列：“PFDINTextPro”；
字体大小：0.8rem；
}
.第三节{
/*边框：5px纯黑*/
背景图像：url（“./图像/Rectangle@2x.png");
最小高度：100%；
/*将图像居中并精确缩放*/
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
.第三节h2{
字体系列：“风水学媒介”；
文本对齐：居中；
}
.第三节p{
字体系列：“PFDINTextPro”；
文本对齐：居中；
}
.列表显示li{
字体系列：“PFDINTextPro”；
边缘底部：.4rem；
字体大小：16px；
}
.列出复选标记{
左侧填充：1.5雷姆；
}
.列出复选标记李{
列表样式类型：无；
字号：1rem；
左：1rem；
}
.列出复选标记李：在{
字体大小：1.4rem；
字体系列：“FontAwesome”；
内容：“\f00c”；
利润率：0.10px 0-33 px；
颜色：#FF5A6E；
}
.列表按钮{
列表样式类型：无；
}
.纽扣{
背景色：#FF5A6E；
颜色：白色；
字体系列：“PFDINTextPro”；
边缘底部：.4rem；
字号：1.1rem；
}
.第四节{
最小高度：100%；
}
.第四节h2{
字体系列：“风水学媒介”；
文本对齐：居中；
}
.第四节p{
字体系列：“PFDINTextPro”；
文本对齐：居中；
}

“width=“30”height=“30”class=“d-inline-block mr-1”alt=“”load=“lazy”>Lorem ipsum，dolor sit amet concertetur adipising elit.Cumque！










“width=“65”height=“65”class=“d-inline-block”alt=”“>
100%正确
我的同僚们都是精英。在威尼斯，大毒枭以其特有的方式解决了因缺乏流动性而导致的环境污染问题，特别是在保护人民方面。没有人能够解释为什么，非同侧性的劳动实践中最大限度地利用了连续不断的重复发生的可能性。因此，在动物的生命活动中，必须反复使用必要的药物。在临时环境中进行的真实的面部检查表明，我们需要一个非常小的鼻孔，一个非常小的鼻孔，一个非常小的鼻孔，一个非常小的鼻孔，一个非常小的鼻孔，一个非常小的鼻孔，一个非常小的鼻孔

“width=“65”height=“65”class=“d-inline-block”alt=”“>
容易的
知识产权是建筑设计师的专利，其发明者解决方案是一种智慧，它可以帮助人们认识到无需遵守的最大原则。它可以帮助人们了解无需遵守的无需遵守的原则。它还可以帮助人们了解无需遵守的无需遵守的无需遵守的无需遵守的原则。在建筑设计方面，它还可以帮助建筑设计师提高劳动效率这句话的意思是：“一个共同的原则是，在一个法庭上，一个普通的法庭，一个普通的法庭，一个透明的法庭，一个错误的法庭，一个合法的法庭，一个自由的法庭，一个自由的法庭。”啊

“width=“65”height=“65”class=“d-inline-block”alt=”“>
耐久性
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。Nisi发明者假设实验室专家和其他人员的腐败程度很低，因此，他们可以根据自身的选择，使用非标准的动物药物。坐在办公桌上，用别名、常用语、劳动和智慧的区别来表示。维塔夸姆酒店
.thirdSection {
    /* border: 5px solid black; */

    background-image: url("./images/Rectangle@2x.png");
    
    min-height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}