html中多个滚动怎么设置

在HTML中，有时候我们需要在一个页面中添加多个滚动条。比如我们想在一个页面中添加多个表格或是多个图片，但是这些元素并不能全部显示在页面中，我们就需要使用滚动条来让用户浏览到全部内容。那么，我们如何在HTML中添加多个滚动条呢？ 首先，我们需要明确的是，每个滚动条都需要放在一个容器内，也就是说，每个滚动条都需要有自己的父级元素。在HTML中，我们可以使用div元素来作为滚动条的容器。 例如：

<div class="scroll-container">
    <p>这里是内容，需要滚动条来查看全部信息。</p>
</div>

在上面的代码中，我们创建了一个class为“scroll-container”的div容器，并在其中添加了一个段落元素p。在p元素中显示的内容比容器的高度要高，因此我们需要添加滚动条来让用户可以查看全部内容。为了添加滚动条，我们需要为滚动条容器设置一些CSS样式。 例如：

.scroll-container {
    overflow: auto;
    height: 200px;
}

在上面的代码中，我们为class为“scroll-container”的div容器设置了两个CSS属性： overflow和height。其中，overflow属性用来控制超出容器高度的内容如何显示，auto表示当内容超出容器高度时，自动添加滚动条；height属性用来设置容器的高度，这里我们设置为200像素。 如果我们需要在同一个页面中添加多个滚动条，只需要复制上面的代码并修改容器的class名和内容即可。例如：

<div class="scroll-container1">
    <p>这里是第一个滚动条的内容，需要滚动条来查看全部信息。</p>
</div>

<div class="scroll-container2">
    <p>这里是第二个滚动条的内容，需要滚动条来查看全部信息。</p>
</div>

在上面的代码中，我们创建了两个滚动条容器，分别设置了class为“scroll-container1”和“scroll-container2”。在每个容器中添加了一个段落元素，内容都比容器高度要高，因此需要添加滚动条。 综上所述，要在HTML中添加多个滚动条，我们需要为每个滚动条设置一个父级容器，并为容器设置overflow和height两个CSS属性，来控制滚动条的生成和滚动范围。