Content - ffb44a82b5338a605c9c0395e478627d00014d36 - 9b185aa/css/css-flexbox/percentage-heights-004-ref.html

visit type:

Tip revision: 4155e54da47ada1c49483446573fbcbe7989abb2 authored by Marcos Cáceres on 28 November 2018, 05:11:04 UTC
Check that billingAddress gets nulled and redacted

Tip revision: 4155e54

percentage-heights-004-ref.html

<!DOCTYPE html>
<html>
<title>CSS Flexbox: Percentages in stretched container</title>
<link rel="author" title="Google" href="https://www.google.com/" />

<style>
#outer {
  height: 10em;
  display: inline-block;
  background: green;
  vertical-align: top;
}

#middle {
  overflow-x: scroll;
  height: 100%;
}

#inner {
  width: 200px;
}

#outer2 {
  height: 10em;
  display: inline-block;
}

#middle2 {
  overflow-x: scroll;
  height: 10em;
}

#inner2 {
  width: 200px;
  height: 100%;
  background: green;
}
</style>

<p>You should not see red nor a vertical scrollbar</p>

<div id="outer">
  <div id="middle">
    <div id="inner">
      hello
    </div>
  </div>
</div>

<div id="outer2">
  <div id="middle2">
    <div id="inner2">
      hello
    </div>
  </div>
</div>

Browse the archive

https://github.com/web-platform-tests/wpt