JSFiddle - React, Tailwind, and code Playground

HTML

<header>
 ton titre de site
</header>
<nav>
    <ul>
        <li><a href="#">Un lien</a></li>
        <li><a href="#">Un lien</a></li>
        <li><a href="#">Un lien</a></li>
        <li><a href="#">Un lien</a></li>
        <li><a href="#">Un lien</a></li>
        <li><a href="#">Un lien</a></li>
    </ul>
</nav>
<section>
    ton contenu : <br />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada mi auctor porta tempor. Ut sed fermentum eros, in sollicitudin enim. Aliquam aliquet ac ligula vitae lacinia. In molestie elit vel turpis venenatis vehicula. Nulla non ipsum volutpat, fermentum augue et, porta eros. Nulla facilisi. Curabitur elementum faucibus suscipit. Vestibulum ultricies tincidunt gravida. Sed rutrum diam dui, vel aliquam felis ullamcorper eu. Donec eget metus ipsum. Vestibulum sodales, magna laoreet placerat cursus, lacus tortor auctor mauris, et egestas lacus dui et nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras convallis nisi facilisis orci aliquam, ac tristique sem pharetra. Praesent volutpat eros ut ligula sagittis, nec iaculis risus pharetra. Phasellus interdum suscipit lacus.</p>

        <p>Nullam mattis mi ut tellus commodo tempus. Praesent molestie velit a lorem hendrerit imperdiet. Fusce sem ipsum, pellentesque vel lectus at, bibendum lobortis mauris. Curabitur a risus non enim pellentesque ullamcorper. Phasellus suscipit enim eget fermentum mollis. Donec elementum turpis sed metus blandit blandit. Quisque tempor, urna ut iaculis commodo, ante risus elementum eros, at lobortis nisl arcu in nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>

        <p>Donec porta tristique arcu, vitae laoreet enim blandit in. Praesent id lorem pulvinar, faucibus nisl vitae, ultrices augue. Vestibulum eget aliquam metus. Nulla luctus enim eget hendrerit egestas. Morbi quis nisi malesuada tellus commodo suscipit id ut ligula....

CSS

body {
    background-color: #ccc;
    position: relative;
    overflow: hidden;
}

header {
    background-color: #292929;
    color: white;
    left:0;
    right:0;
    height:50px;
}
section {
    background-color: white;
    display: inline-block;
    position: relative;
    top:60px;
    left: 110px;
}

footer {
    height:30px;
    background-color: #292929;
    color: white;
    text-align: center;
}

nav {
    background-attachment : fixed;
    background-color: #292929;
    width: 100px;
    display: inline-block;
    position: relative;
    top:60px;
}
nav li {
    list-style: none;
}

li a {
    text-decoration:none;
    color: white;
}