Html 将2个div放入另一个具有不同边距的div中

Html 将2个div放入另一个具有不同边距的div中,html,css,Html,Css,我希望在另一个分区中有2个div,但具有不同的页边距顶部,每次我尝试设置第一个分区的页边距顶部,第二个分区将根据第一个分区对齐。假设first和second是另一个div中的两个div。我想要这样的东西: second 首先 但我明白了: 这一秒 你可以有一个更清晰的想法,也许可以访问小提琴尝试垂直对齐:顶部;检查下面的代码 .divF{ 显示:内联块; 边缘顶部:20px; 垂直对齐:顶部 } .分区{ 显示:内联块; 垂直对齐:顶部 } 第一 Fl

我希望在另一个分区中有2个
div
,但具有不同的
页边距顶部
,每次我尝试设置第一个分区的
页边距顶部
,第二个分区将根据第一个分区对齐。假设
first
second
是另一个
div
中的两个
div
。我想要这样的东西:

                 second
首先

但我明白了:

这一秒


你可以有一个更清晰的想法,也许可以访问小提琴

尝试垂直对齐:顶部;检查下面的代码

.divF{
显示:内联块;
边缘顶部:20px;
垂直对齐:顶部
}
.分区{
显示:内联块;
垂直对齐:顶部
}


第一

Flexbox救援

#包装器{
显示器:flex;
}
.迪夫{
边缘顶部:20px;
}
/*为演示添加了边框,以便您可以看到发生了什么*/
#包装{边框:1px实心#777;}
.divF、.divS{border:1px solid 35; CCC;}

首先


如果你不介意的话,我想知道你用这个做什么。也许有一个更优雅的解决方案你没有意识到:我怀疑人们会调整和定位,这可能并不理想。如果你想使用flex(我推荐),Chris的答案会更好。否则,如果您想继续使用display:inline块,我的解决方案将起作用。