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

html-css011

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

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

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

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

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

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

style="table-layout:fixed" 固定布局的算法。在这种情况下,表格和列的宽度取决于 col 对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度<table border=1 style="table-layout:fixed"><COL><COL WIDTH=300><COL WIDTH=300><tr><td colspan=3>aaa</td><!--td>aaa</td><td>aaa</td--></tr><tr><td width=300px>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td width=300px>aaa</td>