Просмотр поста

Как то так:

.row:after{
  content: '';
  clear: both;
  width: 100%;
}

.col-1, .col-2, col-3, col-4{
  float: left;
}

.col-1{
  width: 25%;
}

.col-2{
  width: 50%;
}

.col-3{
  width: 75%;
}

.col-4{
  width: 100%;
}

<div class="row">
  <div class="col-1">1</div>
  <div class="col-1">2</div>
  <div class="col-1">3</div>
  <div class="col-1">4</div>
</div>
<div class="row">
  <div class="col-1">1</div>
  <div class="col-1">2</div>
  <div class="col-1">3</div>
  <div class="col-1">4</div>
</div>