flexbox_item-clear-ref.html (440B)
1 <!DOCTYPE html> 2 <title>flexbox | cleared item</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 #float { 6 background: #3366cc; 7 padding: 1em; 8 float: left; 9 } 10 #flex { 11 background: #ffcc00; 12 overflow: hidden; 13 } 14 div div { 15 margin: 2em; 16 height: 4em; 17 clear: both; 18 } 19 </style> 20 21 <div id="float">filler</div> 22 23 <div id="flex"> 24 <div>Yellow box should be to the right of the blue box, and 25 never below</div> 26 </div>