<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=false ] -->
<style>
body {
  font-size: 16px;
  overflow: hidden;
}

div {
  height: 20px;
  background-color: blue;
}

.inner {
  background-color: green;
}
</style>

<div style="width: 200px"><div class=inner style="width: 100px"></div></div>
<div style="width: 200px"><div class=inner style="width: 76px"></div></div>
<div style="width: 200px"><div class=inner style="width: 61px"></div></div>
<div style="width: 200px"><div class=inner style="width: 51px"></div></div>
<div style="width: 200px"><div class=inner style="width: 124px"></div></div>
<div style="height: 18px; width: 200px"><div class=inner style="width: 100px"></div></div>
<div style="height: 18px; width: 200px"><div class=inner style="width: 100px"></div></div>
<div style="width: 200px"><div class=inner style="width: 100px"></div></div>
<div style="width: 400px"><div class=inner style="width: 200px"></div></div>
<div style="width: 400px"><div class=inner style="width: 152px"></div></div>
<div style="width: 400px"><div class=inner style="width: 122px"></div></div>
<div style="width: 400px"><div class=inner style="width: 102px"></div></div>
<div style="width: 400px"><div class=inner style="width: 248px"></div></div>
<div style="width: 400px"><div class=inner style="width: 233px"></div></div>
<div style="width: 400px"><div class=inner style="width: 225px"></div></div>
<div style="width: 400px"><div class=inner style="width: 200px"></div></div>
