JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="header"><p>Header</p></div>
<div id="content"><p>Content</p></div>
<div id="sidebar"><p>Sidebar</p></div>
<div id="footer"><p>Footer</p></div>
</body>

CSS

html{}

body{width:100%;margin:auto;}

#header{display:inline-block;width:100%;background-color:red;}

#sidebar{float:left;width:150px;background-color:yellow;}

#content{position:absolute;left:150px;right:0;width:auto;display:inline-block;background-color:blue;}

#footer{clear:both;background-color:brown;}