1.float:
Sample code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 img{ 6 float :left; 7 } 8 </style> 9 </head> 10 <body> 11 <img src="html5-2/images/背景.jpg"> 12 <p>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</p> 13 <p>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</p> 14 15 </body> 16 </html>
Test Results:
2.clear
Sample code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 img{ 6 float :left; 7 } 8 .atuo-style{ 9 clear:both; 10 } 11 </style> 12 </head> 13 <body> 14 <img src="html5-2/images/背景.jpg"> 15 <p>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</p> 16 <p class="atuo-style">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</p> 17 18 </body> 19 </html>
Test Results: