HTML Div won'；不要转到父div的底部

我有个问题。我有一个HTML页面，在那里我显示了一个图像和覆盖在图像上的细节。为此，我有以下代码：

.grid pagina{
宽度：80%；
保证金：自动；
显示：网格；
网格模板列：45%自动；
柱间距：20px；
填充顶部：30px；
}
.左边{
宽度：100%；
身高：90%；
文本对齐：左对齐；
}
.右侧{
宽度：50%；
身高：90%；
字体系列：“Roboto”，无衬线；
}
.国家{
顶部：25px；
右：25px；
位置：绝对位置；
}
.国家img{
边界半径：32px；
高度：64px；
宽度：64px；
}
.头衔{
字体大小：35px；
边缘底部：10px；
字体系列：“Roboto”，无衬线；
颜色：红色；
}
.图像容器{
位置：相对位置；
宽度：100%；
显示：内联块；
背景颜色：蓝色；
}
.封面图片{
边界半径：30px；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
最小宽度：100%；
最小高度：100%；
}
.活动容器{
位置：绝对位置；
排名：0；
}
.活动{
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
颜色：红色；
字体大小：20px；
}
.活动img{
高度：50px；
}
.活动范围{
左侧填充：10px；
保证金：自动；
}
.用户信息{
位置：绝对位置；
底部：0；
左：0；
背景色：红色；
垂直对齐：底部对齐
}
.用户信息.用户名{
字体大小：30px；
填充：10px；
字体大小：粗体；
颜色：白色；
}
.用户信息.用户详细信息{
字体大小：20px；
填充：10px；
颜色：白色；
}
.小标题{
字体大小：25px；
边缘顶部：30px；
颜色：红色；
}
霍布斯马尔先生{
高度：20px；
}
霍布斯莫尔先生{
右边填充：40px；
显示：内联块；
}
塔利森先生{
高度：50px；
宽度：75px；
左侧填充：15px；
显示：内联块；
边缘顶部：30px；
}
塔利森先生{
身高：100%；
宽度：100%；
}
塔伦先生{
显示：内联flex；
}
.bio p{
宽度：450px；
溢出：隐藏；
高度：200px；
线高：20px；
单词包装：打断单词；
填充顶部：20px；
}
.下线按钮{
位置：相对位置；
左边距：15%；
}
.接受按钮{
利润上限：-20px；
位置：相对位置；
左缘：5%；
}
.兴趣{
边缘顶部：20px；
}
.bigbutton img{
高度：100px；
填充顶部：70px；
}

努尔韦根
宗尼
宗尼
宗尼
蒂姆，26岁
男子，2000-3000
兴趣
博滕
博滕
博滕
塔尔（英语）
结束
Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是
工业标准的虚拟文本，从16世纪开始，当时一个不知名的打印机在厨房里打字
然后把它拼凑成一本样本书。它不仅保存了五个世纪，而且还保存了
跳转到电子排版，基本上保持不变

图像容器不知道图像大小，也没有

高度：100%

。也不要忘记第一条规则：

html，正文{
身高：100%；
}

.grid pagina{
宽度：80%；
保证金：自动；
显示：网格；
网格模板列：45%自动；
柱间距：20px；
填充顶部：30px；
}
.左边{
宽度：100%；
身高：90%；
文本对齐：左对齐；
}
.右侧{
宽度：50%；
身高：90%；
字体系列：“Roboto”，无衬线；
}
.国家{
顶部：25px；
右：25px；
位置：绝对位置；
}
.国家img{
边界半径：32px；
高度：64px；
宽度：64px；
}
.头衔{
字体大小：35px；
边缘底部：10px；
字体系列：“Roboto”，无衬线；
颜色：红色；
}
.图像容器{
位置：相对位置；
宽度：100%；
显示：内联块；
背景颜色：蓝色；
}
.封面图片{
边界半径：30px；
排名：0；
左：0；
宽度：100%；
最小宽度：100%；
最小高度：100%；
}
.活动容器{
位置：绝对位置；
排名：0；
}
.活动{
显示器：flex；
对齐内容：居中对齐；
证明内容：中心；
颜色：红色；
字体大小：20px；
}
.活动img{
高度：50px；
}
.活动范围{
左侧填充：10px；
保证金：自动；
}
.用户信息{
位置：绝对位置；
底部：0；
左：0；
背景色：红色；
垂直对齐：底部对齐
}
.用户信息.用户名{
字体大小：30px；
填充：10px；
字体大小：粗体；
颜色：白色；
}
.用户信息.用户详细信息{
字体大小：20px；
填充：10px；
颜色：白色；
}
.小标题{
字体大小：25px；
边缘顶部：30px；
颜色：红色；
}
霍布斯马尔先生{
高度：20px；
}
霍布斯莫尔先生{
右边填充：40px；
显示：内联块；
}
塔利森先生{
高度：50px；
宽度：75px；
左侧填充：15px；
显示：内联块；
边缘顶部：30px；
}
塔利森先生{
身高：100%；
宽度：100%；
}
塔伦先生{
显示：内联flex；
}
.bio p{
宽度：450px；
溢出：隐藏；
高度：200px；
线高：20px；
单词包装：打断单词；
填充顶部：20px；
}
.下线按钮{
位置：相对位置；
左边距：15%；
}
.接受按钮{
利润上限：-20px；
位置：相对位置；
左缘：5%；
}
.兴趣{
边缘顶部：20px；
}
.bigbutton img{
高度：100px；
填充顶部：70px；
}

努尔韦根
宗尼
宗尼
宗尼
蒂姆，26岁
男子，2000-3000
兴趣
机器人程序