html 如何让一个表的前几列固定,不随着滚动条移动?

html-css014

html 如何让一个表的前几列固定,不随着滚动条移动?,第1张

1、首先新建一个web项目,主要用到了html文件和css文件。

2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。

3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。

4、运行项目后,可以看到div在右下角(为了模拟这里的body高度设置很高,足够滚动条下拉到底部的)。

5、然后滑动滚动条,即使到达底部后,div的位置依旧没有修改,就完成了。

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条).

overflow-x水平方向内容溢出时的设置.

overflow-y垂直方向内容溢出时的设置.

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色).

scrollbar-arrow-color上下按钮上三角箭头的颜色.

scrollbar-base-color滚动条的基本颜色.

scrollbar-dark-shadow-color立体滚动条强阴影的颜色.

scrollbar-face-color立体滚动条凸出部分的颜色.

scrollbar-highlight-color滚动条空白部分的颜色.

scrollbar-shadow-color立体滚动条阴影的颜色.