JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="left">
        left<br />
        left<br />
        left<br />
        left<br />
        left<br />
        left<br />
    </div>
    <div id="nav-col">
        <div id="navigation-list">
            nav<br />
            nav<br />
            nav<br />
            nav<br />
            nav<br />
            nav<br />
        </div>
    </div>
    <div id="main">
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
        main<br />
    </div>
</div>

CSS

#container {
    position: relative;
    margin:0 auto;
}

#container #left {
    float: left;
    width: 100px;
}

#container #main {
    padding-right: 200px;
    padding-left: 100px;
}

#container #nav-col {
    float: right;
    width: 200px;
    margin-left: -200px;
}

#container #navigation-list {
    position: fixed;
}