<!DOCTYPE html>
<style>
.container {
  background: green;
  height: 16px;
  border: solid black 3px;
  width: 400px;
  margin: 16px 0;
}

.large { height: 32px; }
</style>

There should be no red.
<div class="container"></div>

<div class="container"></div>

<div class="container large"></div>

<div class="container large"></div>

<div class="container"></div>

<div class="container"></div>

<div class="container large"></div>

<div class="container large"></div>

<div class="container"></div>

<div class="container"></div>

<div class="container large"></div>

<div class="container large"></div>