Html 表格单元格计算不正确

我试图将我的

表单

字段集

保留为

表格单元格

。我正在按百分比应用宽度。但是

字段设置
childer'标签
不将宽度计算为
33.33%`

这里的问题是什么


*{
填充：0；
保证金：0；
}
形式{
/*显示：表格；
宽度：100%*/
边框：1px纯色灰色；
}
传奇{
颜色：红色；
边框底部：2倍纯色灰色；
宽度：100%；
}
文件集{
宽度：100%；/*增加的宽度*/
背景：棕色；
}
文件集标签{
显示：表格单元格；
宽度：33.33%；/*不工作*/
右边框：1px纯蓝色；
}
文件集标签输入{
边缘底部：0.5em；
边界：0；
背景：灰色；
}
文件集跨度{
显示：块；
边缘底部：0.5em；
}

表格1
名称：错误
中间：错误
最后：错误
删除元素的
显示：表格单元格
，并在容器上使用
flex
（加上在有填充和/或边框的元素上添加
框大小：边框框；
）：


正文{
宽度：100%；
身高：100%；
边际：0px；
背景：天蓝色；
}
形式{
宽度：100%；
边框：1px纯色灰色；
框大小：边框框；
}
传奇{
颜色：红色；
背景：卡其色；
边框底部：2倍纯色灰色；
宽度：100%；
框大小：边框框；
}
文件集{
显示：-webkit flex；
显示器：flex；
-webkit柔性包装：包装；
柔性包装：包装；
宽度：100%；/*增加的宽度*/
}
文件集标签{
宽度：33.33%；
右边框：1px纯蓝色；
背景：薰衣草；
框大小：边框框；
}
文件集标签输入{
边缘底部：0.5em；
边界：0；
背景：灰色；
}
文件集跨度{
显示：块；
边缘底部：0.5em；
}
.a{
边缘顶部：5px；
左边距：5px；
显示：内联；
}
输入[类型=文本]{
宽度：68%；
边缘顶部：5px；
右边距：5px；
}

表格1
名称：ErrorMiddle:ErrorLast:Error


*{
填充：0；
保证金：0；
}
形式{
/*显示：表格；
宽度：100%*/
边框：1px纯色灰色；
保证金：3倍；
}
传奇{
颜色：红色；
边框底部：2倍纯色灰色；
宽度：100%；
}
文件集{
宽度：100%；/*增加的宽度*/
背景：棕色；
}
先生{
显示：表格单元格；
宽度：5%；/*不工作*/
右边框：1px纯蓝色；
左侧填充：5px；
}
文件集标签输入{
边缘底部：0.5em；
边界：0；
背景：灰色；
宽度：80%；
}
文件集跨度{
显示：块；
边缘底部：0.5em；
}
表格1
名称：错误
中间：错误
最后：错误
我同意。但是，如果我将换行符设置为
标签
——它是用flex而不是内联块更新的，现在您可以自由使用换行符了；