在div之外的内联块图像就好像浮动一样

Question

在Firefox，IE，Edge和Safari中查看我的website时，左栏第二部分中标题为“我的专长”的图像将超出div而不是展开它。当窗口大小小于1200像素时，Chrome中也会出现此问题。我已经尝试过其他用户为类似问题提供的所有解决方案，但没有成功。我最初没有这个问题所以它可能是非常简单的学生。我并没有改变我的想法。 Inline-flex和clear：两者都没有成功。

另外，我遇​​到过Flexbox的问题很奇怪，所以可能与它有关。尽管左栏中的div /结构不同，但Flexbox和jQuery（用于跨浏览器兼容性）用于保持统一维度的左右列。

PS我还设法在页面右侧添加一些空白区域（标题旁边可见）并且不知道如何摆脱它。在主体上添加0填充和边距不起作用。

Answer 1

#specialties div没有正确调整大小来保存你的内联元素，因为你有一个静态设置的高度（可能来自JS）。