CSS:float

float是一種可以讓元素漂移的屬性，用法很像word中常用的文繞圖，所以float也比較常應用在文字與圖片的排版，元素與元素間還是比較常使用flex box。

語法

1. none:

   .box{
   	float: none:
   }

   不使用float，預設也是這個。

2. right

   (推薦使用0.5x觀看) 可以看到圖片會飄到右邊，文字則是繞著圖片下來。

3. left

   (推薦使用0.5x觀看) 可以看到圖片會飄到左邊，文字和right一樣繞著圖片下來。

4. inline-start

元素會從容器的開頭，也就是上一個元素的最左邊開始延伸。

5. inline-end

元素會從容器的結尾，也就是上一個元素的最右邊開始延伸。

小結

其實inline-start跟inline-end看起來根本一樣，我還是有點搞不清楚它們差在哪裡，試了不同的排版方式他們看起來還是一樣，如果有人知道他們到底差在哪裡希望可以告訴我。