Html 具有可滚动体的表格

我想用html创建一个表。表格应采用其父级的高度（100%），以便滚动条位于底部（X）。Tbody应该是可滚动的（Y），并采用其父对象的宽度（100%）。到目前为止，t车身宽度超过100%（td？）。 Th和td应在一条线上。Th应该取td的宽度，因此每一行都是相同的

*{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
身高：100%；
}
.包裹{
身高：100%；
边框：1px纯蓝色；
}
桌子{
宽度：100%；
身高：100%；
边界塌陷：塌陷；
溢出-x：自动；
边框：1px纯红；
}
th{
文本对齐：左对齐；
}
t车身{
溢出y：自动；
高度：125px；
边框：1px实心橙色；
显示：块；
}
tr{
显示：表格；
表布局：固定；
宽度：100%；
}
th{
边框：1px纯红；
宽度：100px；
}
第：第n个子（2n+1）{
背景颜色：绿色；
宽度：200px；
}

胡阿
胡布
胡克
胡德
胡埃
胡阿
胡布
胡克
胡德
胡埃
A.
B
C
D
E
A.
B
C
D
E
A.
B
C
D
E
A.
B
C
D
E
A.
B
C
D
E
A.
B
C
D
E

您可以添加

溢出：滚动

和

显示：块

以始终在表格中显示水平滚动条：


如果只想在必要时显示滚动条，请使用

overflow:auto取而代之

要使所有列宽相同，请使用
表布局：固定
您可以添加
溢出：滚动
和
显示：块
以始终在表格中显示水平滚动条：



如果只想在必要时显示滚动条，请使用
overflow:auto取而代之

要使所有列宽相同，请使用
表布局：固定
我使用了
表格布局：已修复
，但它不起作用。我肯定是搞错了。请看上面的代码段。您已将其编程为将宽度设置为200px
th:n第n个子项（2n+1）{背景色：绿色；宽度：200px；}
@yinseet当然可以，但td应该始终采用上th的宽度（例如，td1=th1，td2=th2，td3=th3等）。我以为“Table layout:fixed”可以解决这个问题。我使用了
Table layout:fixed
，但它不起作用。我肯定是搞错了。请看上面的代码段。您已将其编程为将宽度设置为200px
th:n第n个子项（2n+1）{背景色：绿色；宽度：200px；}
@yinseet当然可以，但td应该始终采用上th的宽度（例如，td1=th1，td2=th2，td3=th3等）。我认为“表布局：修复”可以解决这个问题。