float-clear-003-print.html (660B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 2 <html class="reftest-paged"> 3 <style type="text/css"> 4 html, body { 5 margin: 0; 6 padding: 0; 7 height: 100%; 8 } 9 10 .step { 11 height: 1in; 12 border: 15px aqua; 13 border-style: none solid; 14 } 15 .float { 16 float: right; 17 width: 15px; 18 background: aqua; 19 height: 4in; 20 } 21 .L { 22 float: left; 23 } 24 25 .container { 26 width: 100%; 27 background: red; 28 } 29 30 .clear { 31 clear: left; 32 height: 0; 33 background: red; 34 } 35 .bar { 36 border-bottom: orange solid; 37 } 38 </style> 39 40 <div class="step"></div> 41 <div class="container"> 42 <div class="float L"></div> 43 <div class="float R"></div> 44 </div> 45 <div class="clear"><div class="bar"></div></div>