css两个滚动条重复 |css3 flex 浮动

一种方法是使用overflow属性。overflow属性可以让一个容器出现滚动条，使用这种方法，大家可以在一个固定的区域内出现一个可滚动的区域。

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

另一种方法是使用固定定位。大家可以使用百分比或像素来确定滚动条应该放在哪里，并通过固定定位来达到目的。这种方法需要更多的CSS代码，但它也提供了更多的灵活性，因此可以根据需要进行更精细的调整。

.scrollbar-vertical {
position: fixed;
top: 0;
right: 0;
width: 10px;
height: 100%;
}
.scrollbar-horizontal {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
}

总之，无论使用哪种方法，在网站设计中实现重复的滚动条都是很容易的。你只需要考虑使用哪种方法能更好地适应你的需要。