<!DOCTYPE html>

<link href="resources/flexbox.css" rel="stylesheet">

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>

<style>
body, html {
  height: 100%;
  margin: 0;
}

.flexbox.column {
  min-height: min-content;
  background: green;
  height: 100%;
}

#content {
  height: 1000px;
  max-height: 100%;
}
</style>

<div id="log"></div>

<div class="flexbox column justify-content-center align-items-center" data-expected-height="100">
  <div id="content" data-expected-height="100"></div>
</div>

<script>
  document.body.offsetHeight;
  document.documentElement.style.height = '100px';

  checkLayout('.flexbox');
</script>