block-height-003.html (808B)
1 <!DOCTYPE html> 2 <link rel="help" 3 href="https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing"> 4 <meta name="assert" 5 content="Both margins are ignored for sizing, but top margin still collapses. Bottom margin doesn't collapse because parent has a definite height."> 6 <link rel="match" href="block-height-003-ref.html"> 7 8 <style> 9 .surrounding-block { 10 width: 100px; 11 height: 100px; 12 border: solid; 13 } 14 </style> 15 16 <!-- 17 <p>These tests assert the behavior described at 18 https://github.com/w3c/csswg-drafts/issues/11044#issuecomment-2599101601 19 </p> 20 --> 21 22 <div class="surrounding-block"></div> 23 <div style="width: 200px; height: 200px; outline: 1px solid;"> 24 <div 25 style="height: stretch; margin: 75px 0px 25px 0px; border: 2px dashed blue;"> 26 </div> 27 </div> 28 <div class="surrounding-block"></div>