当CSS子项宽度百分比超过100%时会发生什么情况
我有一个表，它根据接收到的数据集动态填充列。每列的宽度为15%。有时有10个色谱柱，技术上超过100%。预期的结果是什么 背景：我正在尝试添加类似excel的列大小调整，当我调整一个列的大小时，其他列会收缩，似乎它们正在尝试进行补偿。我不希望他们这样，我也不希望他们是静态的。所以，我只是好奇，如果有%的宽度是导致错误当CSS子项宽度百分比超过100%时会发生什么情况,css,Css,我有一个表，它根据接收到的数据集动态填充列。每列的宽度为15%。有时有10个色谱柱，技术上超过100%。预期的结果是什么 背景：我正在尝试添加类似excel的列大小调整，当我调整一个列的大小时，其他列会收缩，似乎它们正在尝试进行补偿。我不希望他们这样，我也不希望他们是静态的。所以，我只是好奇，如果有%的宽度是导致错误 注意：请不要推荐任何插件。只是好奇CSS。取决于用户代理。该规范规定，用户代理可以选择回流布局，但没有明确定义必须如何进行。其中一些只会自动将100%除以COL的数量，然后将其回流
注意：请不要推荐任何插件。只是好奇CSS。取决于用户代理。该规范规定，用户代理可以选择回流布局，但没有明确定义必须如何进行。其中一些只会自动将100%除以COL的数量，然后将其回流。一些浏览器会任意缩小一个或多个列以适应。有些人只是将它们保持在定义的宽度，并将多余部分推到下一行。基本上，这种行为无法保证，因此如果您事先不知道列/项的数量，我甚至不会隐式设置宽度
您可以将它们全部填充，然后使用一点JS将100%除以COL数，并使用该值动态更新CSS以回流。如果列显示为块元素，它们将换行（在firefox中）：
.container{
宽度：100%；
}
.项目{
背景：红色；
宽度：75%；
}
abc
abc