Css 恼人的水平滚动条

我正在尝试创建一个页面来只滚动表格内容，即表格标题不随内容移动

它看起来不错，只是有一个恼人的水平滚动条（在所有现代浏览器中）

代码在这里

div.title{
位置：绝对位置；
顶部：0px；
高度：97px；
宽度：100%；
}
分区表格标题{
位置：绝对位置；
顶部：98px；
高度：23px；
溢出y：滚动；
宽度：100%；
}
桌体{
位置：绝对位置；
顶部：128px；
底部：0px；
宽度：100%；
溢出-x：自动；
溢出y：滚动；
}
表1.fixedHeader{
宽度：100%；
文本对齐：左对齐；
}
表3.1固定标题THAD{
高度：21px；
背景色：#BFC2CC；
}
table.fixedHeader tr:n子级（偶数）{
背景色：#ddd；
}
table.fixedHeader第四个：第n个子项（1），table.fixedHeader第四个：第n个子项（1）{
宽度：250px；
}
table.fixedHeader th:n子级（2），table.fixedHeader td:n子级（2）{
宽度：100px；
}
table.fixedHeader th:n子级（3），table.fixedHeader th:n子级（4），table.fixedHeader td:n子级（3），table.fixedHeader td:n子级（4）{
宽度：60px；
}
table.fixedHeader th:n子级（5），table.fixedHeader th:n子级（6），table.fixedHeader th:n子级（7），table.fixedHeader td:n子级（5），table.fixedHeader td:n子级（6），table.fixedHeader td:n子级（7）{
宽度：120px；
}
table.fixedHeader第四个：第n个子项（8），table.fixedHeader第四个：第n个子项（8）{
宽度：80px；
}

演示如何设置固定表头
标题1
标题2
总目3
总目4
总目5
总目6
总目7
总目8
文本1111
文本
3333
4444
文本
文本
文本
文本
文本2222
文本
3333
4444
文本
文本
文本
文本
案文3333
文本
3333
4444
文本
文本
文本
文本
正文4444
文本
3333
4444
文本
文本
文本
文本
文本5555
文本
文本
文本
文本
文本
文本
文本
文本6666
文本
文本
文本
文本
文本
文本
文本
案文7777
文本
文本
文本
文本
文本
文本
文本
文本8888
文本
文本
文本
文本
文本
文本
文本
文本9999
文本
文本
文本
文本
文本
文本
文本
文本aaaa
文本
文本
文本
文本
文本
文本
文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本
更多文本