flexbox_box-clear-ref.html (436B)
1 <!DOCTYPE html> 2 <title>flexbox | cleared box</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 } 11 #flex { 12 background: #ffcc00; 13 padding: 2em; 14 clear: both; 15 } 16 div div { 17 background: pink; 18 height: 4em; 19 display: inline-block; 20 } 21 </style> 22 23 <div id="float">filler</div> 24 25 <div id="flex"> 26 <div>Yellow box should be below the blue box</div> 27 </div>