/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

0 vote275 views1 answer
On change event html not working
Html
2 votes268 views3 answers
Bootstrap navbar dropdown right
Html
0 vote263 views1 answer
Jsp to html
Html
0 vote264 views1 answer
Test.html
Html
1 vote293 views1 answer
Svelte for loop
Html
0 vote270 views1 answer
How to add a button image
Html
0 vote267 views1 answer
Html download video link
Html
21 votes254 views1 answer
What is a viewport meta tags
Html
0 vote251 views1 answer
<style>body {background-color: coral;}</style>
Html
9 votes284 views2 answers
How to make a div stick to bottom of page bootstrap
Html