javascript當中float:left，clear:left，float:right和clear:right用法
- 2019 年 11 月 26 日
- 筆記
2.float:left，clear:left，float:right和clear:right用法 例 1.2 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> #first{ background-color:#EE1583; width:15%; float:left; } #second{ background-color:#90aaaa; width:15%; /*clear:right;*/ float:left; } #third{ background-color:#eeee00; width:15%; clear:left;/*馬克-to-win：clear:left;效果就會換行了，文檔：在左側不允許浮動元素。*/ float:left; /*clear:right;*/ } #fourth{ background-color:#FF0000; width:20%; clear:left; /*clear:left;就會換行了*/ float:right; } #fifth{ background-color:#6A5ACD; width:20%; clear:right;/*上一個是clear:right，所以用clear:right;就會換行了*/ float:right; } </style> </head> <body> <span id="first" >11</span> <span id="second">22</span> <span id="third">33</span> <span id="fourth">44</span> <span id="fifth">55</span> </body> </html>
更多請見：https://blog.csdn.net/qq_43650923/article/details/102363285
