JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Вот так воть</title>
</head>
    <!-- Необходимо, что бы блок right заходил за блок left, без лишних отступов от футера (к примеру bottom:XX)-->
<body>
<div class="cont">
<div class="left"></div>
<div class="right"></div>
<div class="foot"></div>
</div>
</body>
</html>

CSS

.cont{
    position:relative;
    background:#FC0;
    width:300px;
}
.left{
    position:relative;
    z-index:2;
    float:left;
    background:#06C;
    width:200px;
    height:15px;
}
.right{
    position:relative;
    z-index:1;
    float:right;
    background:#969;
    width:200px;
    height:50px;
}
.foot{
    background:#000;
    clear:both;
    height:5px;
}