如何给表格加滚动条css

要给表格添加滚动条，可以使用以下CSS代码：

```css

table {

width: 100%;

overflow-y: scroll;

display: block;

}

thead {

background-color: #f9f9f9;

}

tbody {

display: block;

overflow: auto;

height: 300px; /* 设置固定的高度 */

}

th,

td {

padding: 10px;

text-align: left;

}

```

在上面的代码中，`table`元素被设置为块级元素，它的父容器必须指定一个固定高度，以便出现垂直滚动条。`thead`元素可以添加一些样式，以突出表格的表头部分。`tbody`元素被设置为相对定位，并且具有固定的高度，以便出现滚动条。`th`和`td`元素可以根据需要添加其他样式。

使用上面的CSS代码，将表格包裹在一个具有固定高度的容器中，就可以在表格过长时出现滚动条了。

标签：表格