HTML页面中有左右两个div,分别实现滚动条效果
时间: 2024-03-17 10:39:37 浏览: 132
浮动div,页面两边滚随滚动条滚动的DIV
4星 · 用户满意度95%
可以使用CSS的overflow属性来实现滚动条效果。具体实现方法如下:
HTML代码:
```html
<div class="container">
<div class="left">左边的内容</div>
<div class="right">右边的内容</div>
</div>
```
CSS代码:
```css
.container {
display: flex;
}
.left {
overflow-y: scroll; /* 竖直方向滚动条 */
width: 50%;
}
.right {
overflow-y: scroll; /* 竖直方向滚动条 */
width: 50%;
}
```
这样,左右两个div就会出现滚动条,当内容超出div的高度时就可以用滚动条滚动查看。
阅读全文