/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

10 votes263 views2 answers
Lodash cdn
Html
1 vote254 views1 answer
Django jinja extract elements from form object
Html
-1 vote256 views1 answer
Country list html
Html
6 votes245 views1 answer
Html aside
Html
3 votes282 views4 answers
Html strong
Html
1 vote256 views1 answer
Bootstrap buttons Toggle states
Html
19 votes255 views3 answers
Bootstrap responsive navigation menu
Html
9 votes258 views4 answers
Boostrap grid
Html
0 vote258 views2 answers
Add clear button to text input
Html
101 votes309 views6 answers
Align items center bootstrap
Html