Html 带有display:block属性的表，我想创建100%的行宽度，但不'；行不通

我试图在CSS中创建一个具有y滚动属性的固定高度的表。唯一的问题是当我设置：

display: block;

然后：

不再有用了

<table class="table table-hover table-bordered table-condensed">
    <thead style="display: block;">
        <tr>
            <th style="text-align: center; width: 100%;">  <!-- THIS DOESN'T WORK -->
                PLAYS
            </th>
        </tr>
    </thead>
    <tbody style="display: block; overflow-y: auto;" height="465px;">
        <tr ng-repeat="play in playsArray" ng-click="onSelectPlayTableClick(play)" ng-class="{'tr-rcsorange-selected': play.Selected == true}" style="cursor:pointer;">
            <td>{{play.PlayDescription}}</td>
        </tr>
    </tbody>
</table>

演奏
{{play.PlayDescription}

使用：

详细信息见评论中的来源

一小条

html，
身体{
宽度：100%；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
桌子{
/*一个固定的表格可以让你通过调整单元格宽度来控制它的宽度*/
表布局：固定；
边框：5px点黑色；
边界塌陷：塌陷；
边界间距：0；
保证金：0；
填充：0；
}
thead，
t车身{
边框：3个蓝色虚线；
}
th，
运输署{
外形：4倍纯红；
}
/*要展开单元格，请在单元格内放置一个div*/
.1{
最小宽度：100vw；
}
.2{
最小高度：465px；
高度：1000px；
}
/*通过包装表格可以实现滚动和溢出
在具有溢出的块元素中：自动/滚动和主体
溢出：隐藏；
*/
.盒子{
溢出y：自动；
高度：100vh；
}

演奏
{{play.PlayDescription}

使用：

详细信息见评论中的来源

一小条

html，
身体{
宽度：100%；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
桌子{
/*一个固定的表格可以让你通过调整单元格宽度来控制它的宽度*/
表布局：固定；
边框：5px点黑色；
边界塌陷：塌陷；
边界间距：0；
保证金：0；
填充：0；
}
thead，
t车身{
边框：3个蓝色虚线；
}
th，
运输署{
外形：4倍纯红；
}
/*要展开单元格，请在单元格内放置一个div*/
.1{
最小宽度：100vw；
}
.2{
最小高度：465px；
高度：1000px；
}
/*通过包装表格可以实现滚动和溢出
在具有溢出的块元素中：自动/滚动和主体
溢出：隐藏；
*/
.盒子{
溢出y：自动；
高度：100vh；
}

演奏
{{play.PlayDescription}

简单，只需在TH和TD中创建一个div

#牢头{
宽度：100%；
边际：0px；
填充：0px；
文本对齐：居中；
}
#细胞体{
高度：456px；
光标：指针；
溢出y：自动；
}
演奏
{{play.PlayDescription}

简单，只需在TH和TD中创建一个div

#牢头{
宽度：100%；
边际：0px；
填充：0px；
文本对齐：居中；
}
#细胞体{
高度：456px；
光标：指针；
溢出y：自动；
}
演奏
{{play.PlayDescription}

要使表溢出，首先需要删除表布局属性：

table, thead,tbody,tr {
  display:block;
  width:100%;
}

然后在HTML中还原它：

tr {
  display:table;
  table-layout:fixed;
}

从这里可以使用滚动：

tbody {
  height:100px;
  overflow:auto;
}

下面是完整的代码片段/代码

表格，
thead，
t身体，
tr{
显示：块；
}
泰德{
右边距：1米；
}
tr{
显示：表格；
表布局：固定；
宽度：100%；
}
t车身{
高度：100px；
溢出：自动；/*最终：滚动*/
}
桌子
th，
运输署{
边框：实心；
}

头
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞

要使表溢出，首先需要删除表布局属性：

table, thead,tbody,tr {
  display:block;
  width:100%;
}

然后在HTML中还原它：

tr {
  display:table;
  table-layout:fixed;
}

从这里可以使用滚动：

tbody {
  height:100px;
  overflow:auto;
}

下面是完整的代码片段/代码

表格，
thead，
t身体，
tr{
显示：块；
}
泰德{
右边距：1米；
}
tr{
显示：表格；
表布局：固定；
宽度：100%；
}
t车身{
高度：100px；
溢出：自动；/*最终：滚动*/
}
桌子
th，
运输署{
边框：实心；
}

头
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞

把一张表做成一个块没有任何意义，它会失去使它成为一张表的所有行为，我不知道如何制作一个具有固定高度的表格，并使用多列滚动y属性。您可以在单元格中放置一个div，并根据需要增加div的宽度和高度。当

表格布局：修复了
阅读我答案来源中的注释时会更容易。将表格制作成块没有任何意义，它将失去使其首先成为表格的所有行为，我不知道如何制作一个具有固定高度的表格，并使用多列滚动y属性。您可以在单元格中放置一个div，并根据需要增加div的宽度和高度。当
表布局：fixe时更容易