Html 如何给出div的最大自动宽度？

你好，我想给我的div（“菜单内容”）一个自动全宽。我的第一个div是文本长度的自动宽度，我希望“menu-spacer”能够获得最大的大小

这是html

    <div class="wrapper container w-50">
  <div class="wrapper menu block">
    <div class="menu-content">Un menu tout à fait normal</div>
    <div class="menu-spacer"></div>
  </div>
  <div class="price block">50€</div>
</div>
<div class="wrapper container w-50">
  <div class="wrapper menu block">
    <div class="menu-content">Un menu</div>
    <div class="menu-spacer"></div>
  </div>
  <div class="price block">50€</div>
</div>

.wrapper {
  display: flex;
}

.menu-content {
  width: ;
}

.menu-spacer {
  width: 100vw;
  border-bottom: green 2px dotted;
}

.menu {
  width: 80%;
  text-align: left;
  color: black;
  padding-bottom: 0px;
}

.price {
  width: min-content;
  text-align: right;
  color: black;
}

联合国菜单兜售事实正常
50€
联合国菜单
50€
.包装纸{
显示器：flex；
}
.菜单内容{
宽度：；
}
.菜单间隔符{
宽度：100vw；
边框底部：绿色2件，带点；
}
.菜单{
宽度：80%；
文本对齐：左对齐；
颜色：黑色；
垫底：0px；
}
.价格{
宽度：最小含量；
文本对齐：右对齐；
颜色：黑色；
}

如果你想

。菜单间隔

使用屏幕的最大宽度，使用

最小宽度

而不是

宽度

属性。我试过了，但没有按我想的那样工作：好了，试着添加

。菜单间隔

属性

flex:1

你是个天才，我不知道它是怎么工作的，但它工作得很好