1.float:
示例代码：
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>
测试结果：
2.clear
示例代码：
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>
测试结果：
HTML 5--Position HTML Elements
原文：https://www.cnblogs.com/Catherinezhilin/p/8971392.html