Html 添加第二个div后，firstchild将下降

我对

.planarea div

做了常规css，所以每当我决定在

.planarea

中添加新div时，它们都是相同的，但我有一些问题，问题是当我添加第二个或第三个div时，第一个div

div

会出现问题，有什么解决方案吗

.planareadiv{
左边距：15px；
边界半径：16px 16px 0px 16px；
利润上限：70像素；
宽度：225px；
高度：220px；
背景：黄色；
显示：内联块；
盒影：3p5pRGBA（95,95,95,0.308）；
}
.规划区分区h1{
文本对齐：居中；
字体系列：“大肩文字”，草书；
}
.规划区分区p{
字体系列：“大肩文字”，草书；
}

自闭症
阿斯达斯达斯德

默认的垂直对齐属性值是基线，这就是您看到的。将其更改为top，您将获得：

.planareadiv{
左边距：15px；
边界半径：16px 16px 0px 16px；
利润上限：70像素；
宽度：225px；
高度：220px；
背景：黄色；
显示：内联块；
盒影：3p5pRGBA（95,95,95,0.308）；
垂直对齐：顶部；
}
.规划区分区h1{
文本对齐：居中；
字体系列：“大肩文字”，草书；
}
.规划区分区p{
字体系列：“大肩文字”，草书；
}

自闭症
阿斯达斯达斯德