JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="main">
    <div id="content">
        <div id="left">Левое меню</div>
        <div id="right">Основной контент</div>
    </div>
</div>
    <div id="footer">Футер, который не растягивается</div> 
</div>

CSS

#wrapper {
    width: auto;
}
#main {
    background-color: lightblue;
    width: 1000px;
}
#content {
    width: 800px;
    background-color: yellow;
    margin: 0 auto;
}
#left {
    float: left;
    width: 200px;
    height: 100px;
    background-color: green;
}
#right {
    margin-left: 210px;
    height: 300px;
    background-color: red;
}
#footer {
    height: 50px;
    background-color: gray;
    text-align: center;
}