<!DOCTYPE html>
<html>
<link href="resources/flexbox.css" rel="stylesheet">
<style>
.flexbox {
border: 5px solid green;
position: relative;
height: 50px;
display: inline-flex;
}
.overflow {
border: 1px solid red;
overflow: auto;
min-width: 0;
min-height: 0;
}
</style>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<div id=target class="flexbox" data-expected-width="47">
<div class="overflow">
<div style="height: 100px; width: 20px"></div>
</div>
</div>
</body>
</html>