Html 在一行中对齐两个div，但它们不在同一元素中？

我在这里写了一个例子：

这两个元素属于两个不同的div。但是我想在一行中显示它们。不改变其他元素。没有JavaScript，仅仅通过CSS，如何做到这一点

.container\u 1，
.货柜2，
.货柜3{
最小宽度：200px；
最小高度：200px；
边框：纯色2件浅蓝色；
利润率：10px；
}
.货柜2{
边框：实心2倍灰色；
}
.货柜3{
边框：2份纯巧克力；
}

第一要素
其他一些因素

其他一些因素

第二要素
[第一个元素应该在这里]

如果每个元素的内容都是动态的，那么这将非常困难（可能不可能），并且容易出错

在您概述的情况下，内容是相对固定的。如果是这种情况，我们可以使用带有固定

top

和

left

属性的

position:absolute

。大概是这样的：

.container\u 1，
.货柜2，
.货柜3{
最小宽度：200px；
最小高度：200px；
边框：纯色2件浅蓝色；
利润率：10px；
}
.货柜1{
位置：绝对位置；
顶部：148px；
左：32px；
宽度：计算（100%-88px）；
}
.货柜2{
边框：实心2倍灰色；
}
.货柜3{
边框：2份纯巧克力；
最小高度：310px；
}

第一要素
其他一些因素

其他一些因素

第二要素

所以您希望

容器1

位于它所说的

[第一个元素应该在这里]

？嗯，谢谢您的帮助。我的内容是由后端生成的。所以我要改变这一点。