Html 该分区为don'；当我使用网格系统时，不包含其中的元素

当我使用网格系统时，div不包含其中的元素。
然而，另一个部门拥有它。
我试图给它一个

高度

，但它不起作用，与给它一个特定的

网格模板行

另外，当我写一个长的描述时，它没有一个很好的响应性

我使用纯CSS，您可以在下面找到代码

/*常规设置*/
* {
保证金：0；
填充：0；
文字装饰：无；
列表样式：无；
框大小：边框框；
字体系列：“投石机MS”，无衬线；
}
身体{
最小高度：100vh；
背景色：#E5；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
a{
颜色：#4545；
}
p{
显示：内联块；
}
/*容器设置*/
.集装箱{
宽度：66%；
填充：2rem；
最小高度：83vh；
背景色：白色；
边界半径：24px；
盒影：0px 4px 0px 0000005b；
显示：网格；
网格模板柱：1.25fr 3fr；
网格间距：1.5雷姆；
}
.第二个货柜{
显示：网格；
网格间距：1rem；
}
.技能栏{
背景色：#D8D8D8；
边界半径：31px；
填充：1雷姆1.4雷姆；
}
/*用户栏*/
.信息栏{
显示器：flex；
证明内容：中心；
背景色：#D8D8D8；
边界半径：31px；
}
.个人资料照片{
身高：11雷姆；
宽度：11雷姆；
保证金上限：0.8雷姆；
边界半径：28px；
}
.用户名{
文本对齐：居中；
字体大小：27px；
保证金上限：0.6雷姆；
字体家族：学钟；
}
.用户描述{
身高：55%；
显示器：flex；
对齐项目：柔性端；
颜色：#313131；
页边顶部：1rem；
字号：18px；
}
/*技能栏*/
.技能和语言{
填充：0.5rem 0；
}
.语言栏{
颜色：#5A5A；
保证金：1.70雷姆0；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.全部百分比{
宽度：75%；
高度：15px；
背景色：#afafaf；
边界半径：17px；
}
.html百分比{
宽度：90%；
身高：100%；
背景色：#3E95E5；
边界半径：17px；
}
.css百分比{
宽度：70%；
身高：100%；
背景色：#3E95E5；
边界半径：17px；
}
.js百分比{
宽度：45%；
身高：100%；
背景色：#3E95E5；
边界半径：17px；
}
@介质（最大宽度：1170px）{
.集装箱{
宽度：75%；
}
}
@介质（最大宽度：1024px）{
.集装箱{
网格模板列：自动；
}
}
@介质（最大宽度：694px）{
.集装箱{
宽度：90%；
}
}
@介质（最大宽度：536px）{
.语言栏{
显示：未设置；
对齐项目：居中；
填充：10px；
}
.全部百分比{
利润率：10px；
宽度：97%；
}
.第二个货柜{
网格模板行：1fr；
}
}

仪表板
蒙吉索
Lorem ipsum door sit amet，concetetur adipising elit。减去发明人所拥有的巨大财富的不合理数量，就可以明白地说，这是一种财富，是一种财富吗
技能
HTML
CSS
JavaScript

只需将

.profile photo

类的

高度更改为
100%
，然后删除
类的
高度。那你就可以走了


/*常规设置*/
* {
保证金：0；
填充：0；
文字装饰：无；
列表样式：无；
框大小：边框框；
字体系列：“投石机MS”，无衬线；
}
身体{
最小高度：100vh；
背景色：#E5；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
a{
颜色：#4545；
}
p{
显示：内联块；
}
/*容器设置*/
.集装箱{
宽度：66%；
填充：2rem；
最小高度：83vh；
背景色：白色；
边界半径：24px；
盒影：0px 4px 0px 0000005b；
显示：网格；
网格模板柱：1.25fr 3fr；
网格间距：1.5雷姆；
}
.第二个货柜{
显示：网格；
网格间距：1rem；
}
.技能栏{
背景色：#D8D8D8；
边界半径：31px；
填充：1雷姆1.4雷姆；
}
/*用户栏*/
.信息栏{
显示器：flex；
证明内容：中心；
背景色：#D8D8D8；
边界半径：31px；
}
.个人资料照片{
身高：100%；
宽度：11雷姆；
保证金上限：0.8雷姆；
边界半径：28px；
}
.用户名{
文本对齐：居中；
字体大小：27px；
保证金上限：0.6雷姆；
字体家族：学钟；
}
.用户描述{
显示器：flex；
对齐项目：柔性端；
颜色：#313131；
页边顶部：1rem；
字号：18px；
}
/*技能栏*/
.技能和语言{
填充：0.5rem 0；
}
.语言栏{
颜色：#5A5A；
保证金：1.70雷姆0；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.全部百分比{
宽度：75%；
高度：15px；
背景色：#afafaf；
边界半径：17px；
}
.html百分比{
宽度：90%；
身高：100%；
背景色：#3E95