flexbox_fbfc2.html (583B)
1 <!DOCTYPE html> 2 <title>flexbox | flex formatting context :: float intrusion</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" 5 href="http://www.w3.org/TR/css-flexbox-1/#flex-containers"> 6 <link rel="match" href="flexbox_fbfc2-ref.html"> 7 <style> 8 * {margin: 0;} 9 #float { 10 background: lightblue; 11 width: 200px; 12 float: left; 13 } 14 #flex { 15 background: #ffcc00; 16 margin-left: -200px; 17 width: 400px; 18 display: flex; 19 } 20 div div { 21 margin: 2em; 22 } 23 </style> 24 25 <div id="float">float</div> 26 27 <div id="flex"> 28 <div>Yellow box yellow box yellow box</div> 29 </div>