Html 具有浮动和最大宽度问题的网格系统

有人能看一下我的代码，告诉我在不使用flexbox的情况下，需要修复什么才能使我的div具有弹性。这是我的

h1{
保证金：0；
}
.集装箱{
背景颜色：蓝色；
填充：1em 0；
.行{
背景颜色：金色；
填充：1em 0；
[类别*=“列-”]{
边框：1px纯红；
框大小：边框框；
浮动：左；
宽度：100%；
}
}
.排：最后一个孩子{
垫底：1米
}
.罗：之前，
.罗：之后{
显示：表格；
内容：“；
}
.罗：之后{
明确：两者皆有；
}
}
.集装箱{
$base_宽度：8px；
最大宽度：$base_width*8*12-$base_width*2；
保证金：0自动；
.行{
边距：0-#{$base_width}；
/*显示器：flex；
对齐项目：中间对齐*/
@从1美元到12美元{
.col-#{$i}{
最大宽度：$base_width*8*$i-$base_width*2；
边距：0$基本宽度；
}
}    
}
}
1/4
1/4
1/4
1/4
1/4
1/4

如果我正确理解了这个问题，将内部div更改为百分比宽度将提供您想要的布局，即

max-width: 23%;
margin: 0 1%;    

---

示例：

尝试使用不同的

$base\u width

$base_width: 100% / 12 / 8;

---

你是说像这样？你的问题不是很清楚。你说的弹性到底是什么意思？应该全部为100%宽度吗？还是应该缩小窗口？或Resensive？否调整浏览器大小时，内部div或.row类应具有弹性。调整浏览器大小时应具有灵活性，因此，当调整浏览器大小时，div会缩小，变大变小，这会破坏行中1/4和1/2的网格流抱歉，所有的细胞里都写着1/4，这让我很困惑。这就是你要找的吗？

$base_width: 100% / 12 / 8;