contain-paint-formatting-context-margin-001.html (817B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: 'contain: paint' with a vertical margin child. Margin collapse should not occur.</title> 6 <link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-paint"> 8 <link rel="match" href="contain-paint-formatting-context-margin-001-ref.html"> 9 <style> 10 #a { 11 contain: paint; 12 background: blue; 13 margin: 10px; 14 width: 50px; 15 height: 50px; 16 } 17 #b { 18 width: 50px; 19 height: 40px; 20 background: green; 21 margin-top: 10px; 22 } 23 #c { 24 background: red; 25 width: 50px; 26 height: 10px; 27 } 28 </style> 29 </head> 30 <body> 31 <div id="a"> 32 <div id="b"></div> 33 <div id="c"></div> 34 </div> 35 </body> 36 </html>