Html 位置内有固定thead的桌子:绝对块

Html 位置内有固定thead的桌子:绝对块,html,css,html-table,absolute,Html,Css,Html Table,Absolute,我有一个HTML表由一个块包装,块的位置为:绝对。我想将第一行(带有th或td,或由thead包裹)固定在顶部,其他表格应该是可滚动的,没有固定高度 我已经试过了,但是在position:absolute的内部,它不起作用: html,正文{ 保证金:0; 填充:0; 身高:100%; } 部分{ 位置:相对位置; 边框:1px实心#000; 填充顶部:37px; 背景:#500; } 第1节定位{ 位置:绝对位置; 顶部:100px; 左:100px; 宽度:800px; 盒影:0 0 1

我有一个HTML
由一个块包装,块的位置为:绝对。我想将第一行(带有
th
td
,或由
thead
包裹)固定在顶部,其他表格应该是可滚动的,没有固定高度

我已经试过了,但是在
position:absolute
的内部,它不起作用:

html,正文{
保证金:0;
填充:0;
身高:100%;
}
部分{
位置:相对位置;
边框:1px实心#000;
填充顶部:37px;
背景:#500;
}
第1节定位{
位置:绝对位置;
顶部:100px;
左:100px;
宽度:800px;
盒影:0 0 15px#333;
}
.集装箱{
溢出y:自动;
高度:200px;
}
桌子{
边界间距:0;
宽度:100%;
}
td+td{
左边框:1px实心#eee;
}
td,th{
边框底部:1px实心#eee;
背景:ddd;
颜色:#000;
填充:10px 25px;
}
th{
身高:0;
线高:0;
填充顶部:0;
填充底部:0;
颜色:透明;
边界:无;
空白:nowrap;
}
第四分区{
位置:绝对位置;
背景:透明;
颜色:#fff;
填充:9px 25px;
排名:0;
左边距:-25px;
线高:正常;
左边框:1px实心#800;
}
th:第一儿童组{
边界:无;
}

表属性名称
表属性名称
价值
价值
描述
描述
排列
左、中、右
HTML5中不支持。在HTML4.01中已弃用。根据周围文字指定表格的对齐方式
bgcolor
rgb(x,x,x),#xxxxxx,颜色名称
HTML5中不支持。在HTML4.01中已弃用。指定表格的背景色
边境
1,""
指定表格单元格是否应有边框
细胞填充
像素
HTML5中不支持。指定单元墙和单元内容之间的空间
细胞间距
像素
HTML5中不支持。指定单元格之间的间距
框架
空白、上方、下方、侧面、左侧、右侧、侧边、方框、边框
HTML5中不支持。指定外部边框的哪些部分应可见
规则
无、组、行、列、全部
HTML5中不支持。指定内部边框的哪些部分应可见
总结
文本
HTML5中不支持。指定表内容的摘要
宽度
像素,%
HTML5中不支持。指定表格的宽度

我已将您的JS FIDLE代码移动到堆栈片段中,因为问题应该包括所有相关代码。这可能只是我,但我不完全清楚你的问题是什么,因为我可以看到标题是固定的?在您的示例中,有什么东西没有按您希望的方式工作?在我的版本中:
.container{overflow-y:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
@hiddenhobes-我讨厌人们这样做,当代码在stackoverflow上时,调试代码会变得更加困难,您无法更改任何内容并查看结果。您至少可以将链接保留到fiddle页面,这样人们就可以使用它制作一个工作演示。@vsync-uhh链接还在吗?如果问题本身没有代码(一个jsfiddle.net本身是不够的),问题就有被关闭的风险。@hiddenhobes-是的,链接还在这里,对不起。有时人们会删除它们(有些人编辑我自己的答案,删除并替换为内联代码)