block-clear-4d.html (405B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #float { 6 float: right; 7 width: 100px; height: 100px; 8 background-color: blue; 9 } 10 #static { 11 margin-bottom: 85px; 12 height: 20px; 13 background-color: green; 14 } 15 #clear { 16 margin-top: 80px; 17 clear: both; 18 height: 20px; 19 background-color: green; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="float"></div> 25 <div id="static"></div> 26 <div id="clear"></div> 27 </body> 28 </html>