Css 计算正确的排水沟

我想要几个不同默认大小的块。当我使用

justify content:space-between时，我不能（也不想）使用固定值设置两个元素之间的间距，我也不想为我的项目设置该间距。但是，当我的大元素的宽度为49%，小元素的宽度为24.5%时，我遇到了一些麻烦（请参见图片）：


这是我使用的代码：

.container{
保证金：8VH0；
显示器：flex；
宽度：100%；
柔性包装：包装；
证明内容：之间的空间；
}
D.媒体与儿童{
背景：青色；
宽度：49%；
边缘顶部：15px；
}
.media_child_small{
背景：番茄；
宽度：24.5%；
边缘顶部：15px；
}

在这种情况下，我如何正确计算宽度？如果我有更多不同的宽度大小（25%、33%、50%和75%），我将如何计算宽度？
您可以设置一个
flex
值，以便展开子项，然后设置
最小宽度
和
最大宽度
，而不设置
宽度
的固定值，这样浏览器将自己进行计算，以使每个元素达到最佳效果

最好是给你一个例子来测试和玩：


正文{
计数器复位：divs；
显示器：flex；
柔性包装：包装；
}
div{
反增量：divs；
填充物：5px；
边框：实心；
保证金：5px；
弹性：1；
框大小：边框框；
}
部门：以前{
内容：'div N°'计数器（divs）'class='attr（class）'；
}
夸脱先生{
最小宽度：23%；
最大宽度：25%；
}
.夸脱x3{
最小宽度：74%；
最大宽度：75%；
}
.第三{
最小宽度：30%；
最大宽度：33.33%；
}
.thirdx2{
最小宽度：60%；
最大宽度：66.66%；
}
您可以设置一个
flex
值，以便展开子元素，然后设置
最小宽度
和
最大宽度
，而不设置
宽度
的固定值，这样浏览器将自己进行计算，以使每个元素达到最佳效果

最好是给你一个例子来测试和玩：


正文{
计数器复位：divs；
显示器：flex；
柔性包装：包装；
}
div{
反增量：divs；
填充物：5px；
边框：实心；
保证金：5px；
弹性：1；
框大小：边框框；
}
部门：以前{
内容：'div N°'计数器（divs）'class='attr（class）'；
}
夸脱先生{
最小宽度：23%；
最大宽度：25%；
}
.夸脱x3{
最小宽度：74%；
最大宽度：75%；
}
.第三{
最小宽度：30%；
最大宽度：33.33%；
}
.thirdx2{
最小宽度：60%；
最大宽度：66.66%；
}

使用并设置
flex grow:1
以使元素可以根据需要展开，而不是为flex子元素分配
宽度。感谢您的提示。但在这种情况下，我确实需要将布局选项的宽度设置为特定的宽度，即使内容需要更少（或更多）的空间，而不是为flex子级分配
宽度
，使用并设置
flex grow:1
，以便元素可以根据需要扩展。感谢您的提示。但是在这种情况下，我真的需要将由于布局选项而产生的宽度设置为特定的宽度，即使内容需要更少（或更多）的空间