Я думал так будет понятно, вот накидал как примерно все выглядит.
<style>
.maintbl{
border: 1px solid grey;
background: #e4e5e6;
float:left;
width:59%;
}
.BodyLeft{
float:left;
background:green;
width:20%;
height: 280px;
}
.BodyRight{
display: flex;
//height: 280px;
height: calc(85vh - 40px);
float:left;
background:red;
width:20%;
}
.Clear{
clear:both;
background:yellow;
}
.bottom{
background:gray;
}
</style>
<html>
<div class="BodyLeft">22222222</div>
<div class="maintbl">Тут небольшой контент хочуть сделать в виде ленты вниз, а по бокам пустой фон</div>
<div class="BodyRight">3333333333</div>
<div class="Clear">44444</div>
<div class="bottom">7609098098</div>
</html>