直播带货源码，用flex布局局部滚动页面

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br></head><br><body><br>    <div><br>        <div><br>        </div><br>        <div><br>            <div><br>                <div>我是内容，请给我设置文字吧</div><br>            </div><br>            <div><br>                <div>我是内容，请给我设置文字吧</div><br>            </div><br>        </div><br>    </div><br></body><br></html><br><style><br>*{<br>    margin: 0;<br>    padding: 0;<br>}<br>.page{<br>    height: 100vh;<br>    /* 页面高度100vh，100vh就是整个屏幕的高度 */<br>    display: flex;<br>    flex-direction: column;<br>    /* 设置为flex布局，并垂直 */<br>    overflow: hidden;<br>}<br>.head{<br>    height: 100px;<br>    width: 100%;<br>    background: #999;<br>}<br>.container{<br>    flex: 1;<br>    /* flex:1占据剩余空间 */<br>    display: flex;<br>    /* 设置为flex */<br>    overflow: hidden;<br>}<br>.container .left-scroll{<br>    width: 100px;<br>    height: 100%;<br>    background: red;<br>    overflow-y: auto;<br>}<br>.container .right-scroll{<br>    flex: 1;<br>    height: 100%;<br>    background: blue;<br>    overflow-y: auto;<br>}<br>.text{<br>    height: 3000px;<br>}<br></style>