Html 橡胶网格将如何与固定边界一起工作？

我解决了这个任务。我想听听其他人的回答：）

任务： 自适应网格，最大三列，具有橡胶宽度和彼此固定的边距

问题： 若我为任何列设置了最大宽度，但我调整了浏览器窗口的大小，我的列将以2列重建

例如： 父级宽度：990px 冒号边距：12px 可用宽度：990-12*2=966px

立柱宽度：（966/3）/990~32.5%

如何解决这个问题

我考虑过断点，但我认为这不是一个好的解决方案

*{
}
身体{
宽度：100%；
}
梅因先生{
最大宽度：990px；
背景：#000；
}
.职位{
字号：0；
}
.main_uuu包装{
宽度：自动；
填充：20px 38px
}
.邮政{
宽度：32.45%；/*914-12*2=890*/
背景：#fff；
高度：150像素；
显示：内联块；
右边距：12px；
边缘底部：20px；
}
。职位：第n名子女（第3名）{
右边距：0；
}

---

据我所知，您希望使您的表格具有响应性。 互联网上有很多（而且非常清晰和简单易懂）教程。您可以检查这个：

我想它真的回答了你的问题，我没有必要复制/粘贴它，也没有必要用不同的词说同样的话：）

---

祝你今天愉快

从您的问题来看，不清楚您要寻找的确切布局。请使用

flexbox

…drops mic！：）