css超出滚动条

要在CSS中创建一个超出滚动条，您可以使用overflow属性。这个属性有以下几个值可以选择：

overflow: auto; - 如果内容超出容器的大小，将会显示滚动条。
overflow: scroll; - 无论内容是否超出容器的大小，总是显示滚动条。
overflow: hidden; - 如果内容超出容器的大小，将会被隐藏。
overflow: visible; - 如果内容超出容器的大小，将会溢出显示。

下面是一个示例，展示如何在CSS中创建一个具有超出滚动条的容器：

<style>
    .container {
        width: 200px;
        height: 200px;
        border: 1px solid black;
        overflow: auto;
    }
</style>

<div class="container">
    <!-- 这里放置超出容器大小的内容 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

在这个示例中，容器的大小是200px x 200px，超出容器大小的内容将会显示一个垂直和水平滚动条，以便用户可以滚动查看