Html 为什么隐藏某些列时忽略colgroup width percentage？

我有一个表，第2列到第7列是隐藏的，而其他列通过

colgroup

方法指定了宽度百分比。无论出于何种原因，

宽度

百分比被忽略。但是，如果我“取消隐藏”列2-7，则会考虑百分比

如何强制浏览器遵守隐藏第2-7列的宽度

表，th，td{
边框：1px纯黑；
}
.小部件可比表{
宽度：100%；
}
.widget可比表tr>*：第n个子项（2），
.widget可比表tr>*：第n个子项（3），
.widget可比表tr>*：第n个子项（4），
.widget可比表tr>*：第n个子项（5），
.widget可比表tr>*：第n个子项（6），
.widget可比表tr>*：第n个子项（7）{
显示：无；
}
.小部件可比col道具摘要{
宽度：59%；
}
.道具销售额{
宽度：39%；
}

可乐
可乐
可乐
可乐
可乐
可乐6
可乐
可乐
可乐

您可以通过以下方式进行修复：

.widget-comparable-col-prop-summary {
  width: 59%;
}
.widget-comparable-col-prop-sales {
  width: 39%;
}

与：

我不熟悉tag，所以我不能给你一个深刻的解释。但在中，我看到了这些兼容性说明：

HTML5不支持的宽度属性

改用CSS。CSS语法：

片段：

表，th，td{
边框：1px纯黑；
}
.小部件可比表{
宽度：100%；
}
.widget可比表tr>*：第n个子项（2），
.widget可比表tr>*：第n个子项（3），
.widget可比表tr>*：第n个子项（4），
.widget可比表tr>*：第n个子项（5），
.widget可比表tr>*：第n个子项（6），
.widget可比表tr>*：第n个子项（7）{
显示：无；
}
.widget可比表tr>*：第n个子项（8）{
宽度：59%；
}
.widget可比表tr>*：第n个子项（9）{
宽度：39%；
}

可乐
可乐
可乐
可乐
可乐
可乐6
可乐
可乐
可乐

您可以通过以下方式进行修复：

.widget-comparable-col-prop-summary {
  width: 59%;
}
.widget-comparable-col-prop-sales {
  width: 39%;
}

与：

我不熟悉tag，所以我不能给你一个深刻的解释。但在中，我看到了这些兼容性说明：

HTML5不支持的宽度属性

改用CSS。CSS语法：

片段：

表，th，td{
边框：1px纯黑；
}
.小部件可比表{
宽度：100%；
}
.widget可比表tr>*：第n个子项（2），
.widget可比表tr>*：第n个子项（3），
.widget可比表tr>*：第n个子项（4），
.widget可比表tr>*：第n个子项（5），
.widget可比表tr>*：第n个子项（6），
.widget可比表tr>*：第n个子项（7）{
显示：无；
}
.widget可比表tr>*：第n个子项（8）{
宽度：59%；
}
.widget可比表tr>*：第n个子项（9）{
宽度：39%；
}

可乐
可乐
可乐
可乐
可乐
可乐6
可乐
可乐
可乐