/Html/How to divide web page into different sections which scroll independently

How to divide web page into different sections which scroll independently

#content, html, body {
    height: 98%;
}
#left {
    float: left;
    width: 50%;
    background: red;
    height: 100%;
    overflow: scroll;
}
#right {
    float: left;
    width: 50%;
    background: blue;
    height: 100%;
    overflow: scroll;
}

Source: stackoverflow.com

Similar codes

27 votes197 views3 answers
Html horizontal line style
Html
0 vote191 views1 answer
How to add a submit a review on html
Html
25 votes188 views4 answers
Metadata
Html
10 votes211 views4 answers
Bootstrap progress bar with percentage
Html
0 vote190 views1 answer
Html select message
Html
0 vote255 views1 answer
Automatic image slider with text in html css javascript
Html
0 vote200 views1 answer
Hidden shadow in bootstrap 4
Html
11 votes188 views1 answer
Bootstrap 4/NAVBAR
Html
2 votes186 views1 answer
Greta thunberg
Html
0 vote189 views1 answer
Button disabled ionic
Html