Html div不拉伸，内容重叠

我有一个名为

portfolio container

的div，里面有一个列表，其中包含两个图像，每个图像下面有一个段落。问题是div没有垂直拉伸，因此我的图像和段落现在与页脚重叠。我曾尝试将

display:inline block

设置到section元素、container divs、list元素和图像上，但到目前为止没有任何效果

/********************************************
文件夹
********************************************/
#投资组合{
显示：内联块；
}
.投资组合标题{
背景色：#0e2951；
颜色：#fff；
利润率：1米0；
字号：1.5em；
填充物：0.1em 0.5em；
}
.投资组合标题.p{
保证金：0；
}
.公文包容器{
保证金：0.1.5em 0；
背景色：红色；
高度：100px；
背景色：#3d7ddd；
}
.投资组合容器{
保证金：0；
列表样式：无；
填充：0；
}
李先生{
宽度：80%；
保证金：0自动；
}
.李平{
边际：0.01米0；
背景色：#b1caf1；
}
.投资组合形象{
最大宽度：100%；
保证金：0；
浮动：左；
}
/********************************************
页脚
********************************************/
页脚{
边框底部：实心0.5em#0e2951；
背景色：#000000；
}
.联系人图标框{
宽度：33.333%；
浮动：左；
边缘顶部：1.5em；
}
.联系人图标链接{
宽度：1米；
保证金：0自动；
文本对齐：居中；
背景色：#3d7ddd；
颜色：#94b7ec；
边界半径：150px；
字号：5em；
}

我最近的一些作品


ZIC主页

交互式Js图

听起来您的

公文包容器中的内容与页脚重叠，因为您对
公文包容器有
高度限制。因此，内容无处可去，只能往下看

请删除高度限制或尝试使用最小高度设置公文包容器的高度：自动

.portfolio-container {
    margin: 0 0 1.5em 0;
    background-color: red;
    height:auto;
    background-color: #3d7ddd;
} 

为什么你要把它变成一个片段，如果没有图像、自定义字体、normalize.css等等，它将无法正确显示……据我所知，保持高度：auto for.portfolio容器，这样它就不会重叠。希望对苏格有所帮助，忘记删除旧的高度：100px代码。我累了，最好现在停下来。把它写成一封信，这样我就可以接受了。谢谢