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