JSFiddle - React, Tailwind, and code Playground

HTML

<div class="">
  
    <div class="left ">
      сайдбар
    </div>
    
    <div class="right clearfix">

        <div class="inner">
            <div class="item clearfix">
        <img src="http://css-live.ru/Primer/new-clearfix/img.jpg">
        <div class="two">тут мало контента</div>        
      </div>
      
      <div class="item clearfix">
        <img src="http://css-live.ru/Primer/new-clearfix/img.jpg">
        <div class="two">The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.</div>        
      </div>
      
      <div class="item clearfix">
        <img src="http://css-live.ru/Primer/new-clearfix/img.jpg">
        <div class="two">2</div>        
      </div>
        </div>
      
    </div>
    
  </div>
  
  
  <div class="footer">нижеследующий контент</div>

CSS

.clearfix
{
  zoom: 1;
}

.clearfix:after
{
	clear: both;
	content: '';
	display: block;
	font-size: 0;
}

.left{
  background:#bbb;
  width:200px;
  height:250px;
  float:left;
}

.right{
  ~background:#ddd;
  margin-left:220px;
}

.right .inner
{
    float: left;
}

.footer {
  padding:0px;
  background:green;
  height:50px;
  ~clear:both;
}


.item {
  margin-bottom:20px;
  ~height:150px;
  background:#dfd1d1;
}

.item img {
  float:left;
  width:100px;
  height:100px;
}

.item .two {  
  Ёbackground:#ccc;
  margin-left:120px;
}