empty-flex-box-and-margin-collapsing.html (597B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-flexbox/"> 3 <link rel="match" href="empty-flex-box-and-margin-collapsing-ref.html"> 4 <meta name="assert" content="This checks that empty flex/grid box's margins do not collapse through."> 5 <style> 6 .container { 7 background: green; 8 height: 50px; 9 width: 100px; 10 } 11 12 .root { 13 margin-top: 0; 14 margin-bottom: 200px; 15 } 16 </style> 17 <p>Test passes if there is a filled green square.</p> 18 <div class=container> 19 <div class=root style="display: flex"></div> 20 </div> 21 <div class=container> 22 <div class=root style="display: grid"></div> 23 </div>