Html 带有固定式屏幕和可滚动屏幕的桌子;D柱适合车身柱

Html 带有固定式屏幕和可滚动屏幕的桌子;D柱适合车身柱,html,css,Html,Css,我需要创建一个带有固定thead和可滚动tbody的表。我还需要将ad列与tbody列相匹配 例如,我有这样的表: aaa 阿阿巴 aaabbccc aaabbbccddd asdf asdfaaabbb asdfaaa 自闭症 您可以为thead设置位置:fixed: *{ 框大小:边框框 } html, 身体{ 填充:0; 保证金:0 } th{ 边框:1px纯红 } 运输署{ 边框:1px纯绿 } 桌子{ 位置:相对位置; 宽度:100%; 表布局:固定; 边界塌陷:塌陷; 利润上限

我需要创建一个带有固定thead和可滚动tbody的表。我还需要将ad列与tbody列相匹配

例如,我有这样的表:


aaa
阿阿巴
aaabbccc
aaabbbccddd
asdf
asdfaaabbb
asdfaaa
自闭症

您可以为
thead
设置
位置:fixed

*{
框大小:边框框
}
html,
身体{
填充:0;
保证金:0
}
th{
边框:1px纯红
}
运输署{
边框:1px纯绿
}
桌子{
位置:相对位置;
宽度:100%;
表布局:固定;
边界塌陷:塌陷;
利润上限:21px
}
泰德{
位置:固定;
显示:表格;
表布局:固定;
边界塌陷:塌陷;
排名:0;
左:0;
右:0;
宽度:100%;
背景:#fff;
}

aaa
阿阿巴
aaabbccc
aaabbbccddd
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症
asdf
asdfaaabbb
asdfaaa
自闭症

希望下面的代码片段对您有所帮助

。修复了\u标题{
宽度:300px;
表布局:固定;
边界塌陷:塌陷;
}
.固定标题{
文字装饰:下划线;
}
.固定标题,
.固定标题td{
填充物:5px;
文本对齐:左对齐;
宽度:100px;
}
.fixed_thead{
背景色:#333;
颜色:#FDFDFD;
}
.fixed_headers thead tr{
显示:块;
位置:相对位置;
}
.固定式车身{
显示:块;
溢出:自动;
宽度:100%;
高度:300px;
}
.fixed_头体tr:n个子体(偶数){
背景色:#DDD;
}

名称
颜色
描述
苹果
红色
这些是红色的。
梨
绿色
这些是绿色的。
葡萄
紫色/绿色
这些是紫色和绿色的。
橙色
橙色
这些是橙色的。
香蕉
黄色的
这些是黄色的。
几维鸟
绿色
这些是绿色的。
梅子
紫色
这些是紫色的
西瓜
红色
这些是红色的。
西红柿
红色
这些是红色的。
樱桃
红色
这些是红色的。
悬臂
橙色
里面是橙色的。
蜜露
绿色
里面是绿色的。
番木瓜
绿色
这些是绿色的。
覆盆子
红色
这些是红色的。
蓝莓
蓝色
这些是蓝色的。
芒果
橙色
这些是橙色的。
西番莲
绿色
这些是绿色的。

例如,当您将表格大小调整为100 px时,我们为tbody设置了水平滚动条,但AD仍然是水平固定的。有没有办法使AD可以用tbody水平滚动?