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