Html 如何在不指定宽度和大量数据或文本的情况下并排浮动两个div？

然而，这将右div放在一个新行上，而左div扩展到上面的整个宽度

我想和两个部门并肩作战，但它来了

.div容器
{
背景：#FFC；
溢出：隐藏；
保证金：0自动；
宽度：900px；
}
.div1、.div2
{
浮动：左；
}

读者会被可读的内容分散注意力，这是一个由来已久的事实
查看页面布局时的页面内容。使用Lorem Ipsum的要点是
它有一个或多或少的字母正态分布。


Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，
当一个不知名的印刷商拿着一个铅字厨房，把它拼凑成一本铅字样本书时。

您可以为每个div设置50%宽度，例如

如果您不想指定宽度，您应该使用flex-

.div容器
{
背景：#FFC；
溢出：隐藏；
保证金：0自动；
宽度：900px；
}
.div1、.div2
{
浮动：左；
}

读者会被可读的内容分散注意力，这是一个由来已久的事实
查看页面布局时的页面内容。使用Lorem Ipsum的要点是
它有一个或多或少的字母正态分布。


Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，
当一个不知名的印刷商拿着一个铅字厨房，把它拼凑成一本铅字样本书时。

您可以使用bootstrap gird，只需阅读本教程就可以解决类似问题。。。谢谢你的帮助。

.div-container {
    display: flex;
}