JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<div id="parent">
    <div id="redDiv"></div>
    <div class="clearfix"></div>
    <div id="blueDiv"></div>
</div>

CSS

.clearfix {
    clear: both;
}
#parent {
    border: 2px solid green;
    background: #F0F0F0;
    width: 520px;
    position: relative;
}
#redDiv {
    background-color: red;
    height: 50px;
}
#blueDiv {
    background-color: blue;
    position: absolute;
    left: 0px;
    top: 0px;
    /* absolute position implies no width and height */
    width: 100%;
    height: 50px;
}