JSFiddle - React, Tailwind, and code Playground

HTML

<div>Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину)
    <div id="container">Здесь находятся шапка, меню и контент</div>
    <div id="footer">Здесь футер</div>
</div>

CSS

#container{
    height: 100px;
    background-color: #369;
}
#footer{
    position: relative;
    height: 100px;
    background-color: rgba(184,168,13,0.5);
    margin-top: -10px;
}