Css 我如何让一个div增加高度，而不是先跳到左侧浮动div的下方，然后再增加高度？

我在一个容器中内联了两个div，左一个应该是固定大小的，右一个应该使用剩余的宽度。如果右边的一个包含很少的文本，它可以正常工作，如果它包含更多的文本，我希望它在高度上展开。 发生的情况是，如果有太多的文本，右键首先跳到左键的下方，然后在高度上展开

简言之：我希望两个元素始终在同一行中，无论右元素中有多少文本

下面是代码，请在此处拨弄：

我想/希望我只是错过了一些小事，但我找不到

.container{
背景颜色：紫色；
}
.左元素{
最小高度：113px；
宽度：85px；
浮动：左；
显示：内联块；
背景颜色：绿色；
}
.右元素{
边际上限：0px；
最小高度：113px；
宽度：自动；
显示：内联块；
背景颜色：蓝色；
}

左边
正确的

您可以尝试使用flexbox，而不是浮动：

.container{
显示器：flex；
弯曲方向：行；
背景颜色：紫色；
}
.左元素{
flex:085px；
背景颜色：绿色；
}
.右元素{
背景颜色：蓝色；
}

同侧阴唇
矿石量大，含水量大。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo

您可以用%代替固定宽度。下面的解决方案很好

.container{
背景颜色：紫色；
}
.左元素{
最小高度：113px；
宽度：12%；
浮动：左；
显示：内联块；
背景颜色：绿色；
}
.右元素{
边际上限：0px；
最小高度：113px；
宽度：88%；
显示：内联块；
背景颜色：蓝色；
}

同侧阴唇
矿石量大，含水量大。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。Lorem ipsum dolor sit amet，Conseteteur sadipscing Eliter，sed diam nonumy
临时受邀参加劳动和其他大型活动的人员，必须遵守规定。在vero eos和accusam和justo

您也可以选择css网格。您可以这样实现它：

.container{
显示：网格；
网格模板列：85px 1fr；
网格模板行：1fr；
栅柱间隙：0px；
网格行间距：0px；
背景颜色：紫色；
}
.左元素{
最小高度：113px；
背景颜色：绿色；
}
.右元素{
边际上限：0px；
背景颜色：蓝色；
}

同侧阴唇
矿石量大，含水量大。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。Lorem ipsum dolor sit amet，Conseteteur sadipscing Eliter，sed diam nonumy
临时受邀参加劳动和其他大型活动的人员，必须遵守规定。在vero eos和accusam和justo

我感谢您的意见，但我更愿意使用更传统的东西。在flex中已经有很多我不想改变的东西，这个例子被简化了。这是我第一次接触任何与CSS/web相关的东西，它已经是一个为非政府组织定制主题的完整网站。（阅读：我害怕使用我还不完全理解的东西）然后使用表格：）（更新：我的意思是使用

display:table cell

…您可以使用css创建类似表格的布局，而不使用table/tr/td）与其他建议相同的问题：为什么这个最大宽度有效？这个css在我看来越来越像巫术了。。（我再次感到幸运的是，我的日常工作是机器控制软件，而不是网络）如果你知道家长说700px的宽度，那么第二列将是615px。。。但是我猜你不知道它的宽度，

calc

在这种情况下很有用。100%-85px表示从父级宽度中减去85px。否。浮动（和内联块）的增长与其内容一样大，但不能比视口更宽（除非它们包含非常宽的图像或长的不可压缩文本）；如果它们的宽度超过了线上的剩余宽度，它们就会被压到下一条线上。现在我很好奇为什么这是可行的，而一个固定的不能。但这并不能解决我的问题，左边的图片实际上应该包含一个固定宽度的图片，不应该移动，右边没有空白。如果你想保持固定宽度，右边的div也应该有一个宽度。