block-container-block-end-collapsed-margins.html (851B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>margin-trim: block-container-block-end-collapsed-margins</title> 5 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block"> 7 <link rel="match" href="block-container-block-end-collapsed-margins-ref.html"> 8 <meta name="assert" content="collapsed block-end margins should be trimmed but not affect container margins"> 9 <style> 10 container { 11 display: block; 12 margin-trim: block; 13 margin-block-end: 10px; 14 } 15 item { 16 display: block; 17 margin-block-end: 40px; 18 width: 50px; 19 height: 50px; 20 background-color: green; 21 } 22 .collapsed { 23 margin-block-end: 0px; 24 height: 0px; 25 } 26 </style> 27 </head> 28 <body> 29 <container> 30 <item></item> 31 <item class="collapsed"></item> 32 </container> 33 <item></item> 34 </body> 35 </html>