contain-paint-formatting-context-float-001.html (791B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: 'contain: paint' should contain floats as a formatting context.</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-float-001-ref.html"> 9 <style> 10 #left { 11 float: left; 12 height: 50px; 13 width: 10px; 14 background: blue; 15 } 16 #a { 17 contain: paint; 18 background: red; 19 margin: 10px; 20 width: 50px; 21 height: 50px; 22 } 23 #b { 24 clear: left; 25 width: 50px; 26 height: 50px; 27 background: green; 28 } 29 </style> 30 </head> 31 <body> 32 <div id="left"></div> 33 <div id="a"> 34 <div id="b"></div> 35 </div> 36 </body> 37 </html>