Html CSS表格:第一列的滚动条和剩余列的自动宽度

Html CSS表格:第一列的滚动条和剩余列的自动宽度,html,css,html-table,Html,Css,Html Table,我是CSS的初学者。我试图创建一个表,其中第一列的宽度是固定的,并且必须有一个滚动条。对于剩下的专栏,我希望它们均匀地分布在整个网页上 我可以为第一列创建滚动条,但它出现在每一行中,这不是我想要的。我仍然希望每个第一列都可以滚动,但是滚动条应该只在最后一行下方显示一次 有人能帮我吗 #客户{ 字体大小:10px; 字体系列:“投石机MS”,Arial,Helvetica,无衬线; 边界塌陷:塌陷; 宽度:100%; 表布局:固定; } #客户运输署, #顾客{ 边框:1px实心#ddd; 填充

我是CSS的初学者。我试图创建一个表,其中第一列的宽度是固定的,并且必须有一个滚动条。对于剩下的专栏,我希望它们均匀地分布在整个网页上

我可以为第一列创建滚动条,但它出现在每一行中,这不是我想要的。我仍然希望每个第一列都可以滚动,但是滚动条应该只在最后一行下方显示一次

有人能帮我吗

#客户{
字体大小:10px;
字体系列:“投石机MS”,Arial,Helvetica,无衬线;
边界塌陷:塌陷;
宽度:100%;
表布局:固定;
}
#客户运输署,
#顾客{
边框:1px实心#ddd;
填充:8px;
溢出-x:自动;
}
#客户tr:n个孩子(偶数){
背景色:#F2F2;
}
#客户tr:悬停{
背景色:#ddd;
}
#顾客{
填充顶部:6px;
垫底:6px;
文本对齐:左对齐;
背景色:#4CAF50;
颜色:白色;
}
上校{
宽度:3%;
}

这是可能的,但是使用了很多技巧:

  • 必须更改表格的方法,使用
    div
    显示:表格
    显示:表格行
    显示:表格单元格

  • 所有单元格的空白必须为nowrap

  • 在两个大细胞中分裂的身体

: 这里是新html结构逻辑的摘录

.div-cell.div-container-cell
{
边界:无;
显示:表格单元格;
填充:0px;
}
.div固定容器单元
{
空白:nowrap;
最大宽度:200px;
溢出-x:滚动;
}
.div表
{
显示:表格;
}
.分区行
{
显示:表格行;
}
.div单元
{
显示:表格单元格;
边框:2px实心#ddd;
填充物:5px;
空白:nowrap;
}

Lorem ipsum dolor sit amet,是一位杰出的领导者。
乱数假文。。。
乱数假文。。。
A1
地下一层
C1
A2
地下二层
C2
A3
地下三层
C3

谢谢大家,我修改了我的帖子。非常感谢!它工作得很好。不管怎样,我怎么知道什么时候我应该使用table或display将其作为table进行protray呢