<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#sizing-values">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="container" data-expected-width="100" style="width:fit-content; min-width:100px; height:100px; background:red;">
  <div data-expected-width="100" style="width:fit-content; min-width:100%; height:100px; background:green;"></div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
  checkLayout("#container");
</script>