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