CSS网格：在特定x位置开始列

我试图实现一个包含三列的CSS网格布局：a列和B列始终等于某个宽度，以使C列从同一位置开始，除非a列和/或B列中的内容变得太宽

或者用另一种方式来描述：如果A变大，所需的额外宽度将从B中取出，而不是将B和C进一步向右移动

或者，A和B是否可以放在同一列中，但可以内联显示

我知道这可以通过在另一个容器元素中包装A和B来实现，但是可以仅仅使用CSS网格来实现吗

|<--A-->|<---B--->|<-------C------->|

where:
A + B + C = 100%
A + B = min(30em)
A = min(18em)

||||
哪里：
A+B+C=100%
A+B=min（30em）
A=最小值（18em）

您可以考虑在A列和B列上放置一个额外的隐藏元素，并在其上定义一个

最小宽度。这有点棘手，但其思想是两列的宽度都将服从a和B以及隐藏元素的约束

下面是一个例子来说明这个技巧。我将
30em
替换为
200px
，
18em
替换为
50px


.container{
显示：网格；
网格模板列：自动1fr；
网格模板行：1fr 0；
高度：30px；
颜色：#fff；
保证金：5px；
}
.A{
背景：红色；
最小宽度：50px；
}
.B{
背景：蓝色；
}
C{
背景：绿色；
}
.容器：：之后{
内容：“；
格构柱：跨度2；
最小宽度：200px；
}

此处文本
一些文本
此处文本
一些文本
此处文本
一些文本
一些文本
此处文本
这里有越来越多的文字
此处文本
这里有越来越多的文字
这里有越来越多的文字
此处文本
不，我不这么认为，CSS网格中没有设置两个组合列宽度的工具。如果这是联系您的错误方式，我向您道歉——我找不到方法来PM您。我的一个flexbox问题被标记为一个重复的问题，我相信将其作为一个独立的问题会更有帮助。我很乐意讨论更多。@JS_Riddler如果你愿意，你可以在你的问题下打电话给我，我用一个规范的问题标记你的问题，并将一个问题标记为重复的问题不是一件坏事。你已经得到了答案和复本，而且你还会发现它在谈论你正在遇到的bug和解决它的方法。