Html 为什么父容器中的内容会影响父容器'；什么位置？

当您全屏显示，屏幕宽度大于1340px时，您将看到我的当前版本。带有输入的div正在下移。为什么会这样？我正试图让它和另外两个分区保持一致

正文{
背景:#212121 ;；
}
.包装纸{
填充：20px；
最大宽度：1270px；
利润率：150px自动；
}
@介质（最大宽度：1340px）{
.包装纸{
最大宽度：400px；
}
}
.内容{
身高：100%；
宽度：400px；
利润率：10px；
最小宽度：300px；
最小高度：500px；
显示：内联块；
背景#4242；
-webkit盒阴影：0px 1px 3px 0px rgba（0,0,0,1）；
-moz盒阴影：0px 1px 3px 0px rgba（0,0,0,1）；
盒影：0px 1px 3px 0px rgba（0,0,0,1）；
}
.插入{
显示器：flex；
}

---

因为您的div是

显示：内联块

，它们将对其内联级元素（如文本、图像和输入）使用基线对齐。默认设置为

垂直对齐：基线

因此，您的输入元素与其他div的基线对齐

只需将

垂直对齐：top

添加到

.content

详情如下：