css table 显示滚动条

CSS中的table显示滚动条并不是一件难事，只要你掌握了相关的CSS属性，就可以轻松实现了。

首先，你需要用CSS来定义table的宽度和高度，以决定table的尺寸。

    table {
        width: 100%;
        height: 200px;
    }

这样，你的table就有了一个固定的高度，而宽度则会自适应父元素。

接下来，你需要使用CSS来定义table中的tbody，使其可以滚动。

    tbody {
        display: block;
        height: 100%;
        overflow: auto;
    }

这段CSS代码的作用是将tbody显示为一个块级元素，并将其高度设置为100%。同时，overflow: auto属性使得tbody中超出高度的内容可以滚动显示。

在实际的网页开发中，table往往是用来展示大量数据的。如果数据过多，用户就需要手动上下滚动页面。而这里的CSS代码能够让用户在table内部滚动，避免页面整体滚动而使用户体验更友好。