Html <；ul>；使相邻的div下降

当您取消对无序列表标记的注释时，第二个容器div有点下降。如果你能向我解释为什么会发生这种情况，并告诉我如何消除这种行为，我将不胜感激

html，
身体{
保证金：0；
填充：0；
}
.集装箱{
位置：相对位置；
右边距：50px；
左边距：50像素；
边缘顶部：100px；
显示：内联块；
宽度：300px；
高度：300px；
背景色：rgb（255、255、255）；
长方体阴影：0 0 20px 0 rgba（0,0,0,0.2），0 5px 5px 0 rgba（0,0,0,0.24）；
文本对齐：居中；
颜色：rgb（38,48,90）；
}
保险商实验室{
列表样式位置：内部；
显示：块；
}

德普
德皮纳

发生这种情况的主要原因是，当您将任何元素设置为

内联块时，默认情况下它与基线对齐。因此，当所有元素的高度都不相同时，它会被扰乱并与它们的基线对齐。这是所有
内联块的主要问题，我们应该通过提供正确的垂直对齐来纠正它。要做到这一点，请遵循以下代码段：

我发现你的问题是垂直对齐。只需给出：

.container{
垂直对齐：中间；/*此*/
位置：相对位置；
右边距：50px；
左边距：50像素；
边缘顶部：100px；
显示：内联块；
宽度：300px；
高度：300px；
背景色：rgb（255255）；
长方体阴影：0 0 20px 0 rgba（0，0，0，0.2），0 5px 5px 0 rgba（0，0，0，
0.24);
文本对齐：居中；
颜色：rgb（38,48,90）；
}

预览

没有
和它：


JSBin:
发生这种情况的主要原因是，当您将任何元素设置为
内联块时，它默认与基线对齐。因此，当所有元素的高度都不相同时，它会被扰乱并与它们的基线对齐。这是所有
内联块的主要问题，我们应该通过提供正确的垂直对齐来纠正它。要做到这一点，请遵循以下代码段：

我发现你的问题是垂直对齐。只需给出：

.container{
垂直对齐：中间；/*此*/
位置：相对位置；
右边距：50px；
左边距：50像素；
边缘顶部：100px；
显示：内联块；
宽度：300px；
高度：300px；
背景色：rgb（255255）；
长方体阴影：0 0 20px 0 rgba（0，0，0，0.2），0 5px 5px 0 rgba（0，0，0，
0.24);
文本对齐：居中；
颜色：rgb（38,48,90）；
}

预览

没有
和它：


JSBin:
@BillyRay您能再检查一下吗？@BillyRay欢迎您！这就是我写的<代码>：）
他要求解释为什么会发生这种情况。为什么这能解决问题？@BillyRay你能再检查一下吗？@BillyRay欢迎！这就是我写的<代码>：）
他要求解释为什么会发生这种情况。为什么这能解决问题？