CSS float 浮動屬性程式碼

程式碼記錄：CSS float 浮動屬性

範例程式碼一：文章繞著圖片

<div style="width:300px;border:1px gray solid;">
<img src="圖片網址" style="float:left;">這是文字內容，用來測試 CSS 的 float 效果，在圖片上使用 float:left 讓圖片向左浮動，其他文字就會自動向上移至圖片旁邊開始顯示，呈現文字繞圖片的效果。
</div>

範例程式碼二：兩個 DIV 水平排列

<div style="width:250px;height:40px;background-color:red;float:left;"></div>
<div style="width:250px;height:40px;background-color:blue;float:left;"></div>
<div style="clear:both;"></div>