flexbox-lines-must-be-stretched-by-default.html (990B)
1 <!DOCTYPE html> 2 <title>CSS Flexbox: align-content initial value.</title> 3 <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#align-content-property"> 4 <meta name="assert" content="This test ensures that a flexbox container's align-content value default to 'stretch'."/> 5 <style> 6 .flex-container { 7 display: flex; 8 height: 100px; 9 width: 200px; 10 background-color: pink; 11 flex-wrap: wrap; 12 } 13 .flex-item1 { 14 width: 100%; 15 background-color: blue; 16 border: 1px solid; 17 border-color: red; 18 } 19 .flex-item2 { 20 width: 100%; 21 background-color: blue; 22 } 23 </style> 24 <script src="/resources/testharness.js"></script> 25 <script src="/resources/testharnessreport.js"></script> 26 <script src="/resources/check-layout-th.js"></script> 27 <body onload="checkLayout('.flex-container')"> 28 <div id="flexContainer" class="flex-container"> 29 <div id="flexItem1" class="flex-item1" data-expected-height=51></div> 30 <div id="flexItem2" class="flex-item2" data-expected-height=49></div> 31 </div> 32 </body>