| <!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> |