前端菜鳥筆記003-浮動
08-20
前端菜鳥筆記003-浮動
![]()
來自專欄前端菜鳥的學習筆記
可能是我才疏學淺，經驗不足，老是覺得浮動這個東西有點複雜。本文收集和總結了一些入門的文章和例子。
1、簡單的例子
我們常常在文章或網頁中看到如下圖所示的例子：
上面這個例子就是圖片元素浮動到文字右邊的結果。我們使用float屬性來讓元素浮動起來。打開CodePen查看例子：
Create a New Pen可以嘗試更改float的屬性來查看其變化。
2、相關文章
- CSS float 屬性
- CSS 浮動
- CSS Float（浮動） | 菜鳥教程
- https://www.w3schools.com/css/css_float.asp（需要梯子）
- MDN文檔：浮動
以後找到好文章慢慢收集。
推薦閱讀：
※前端應該學什麼
※打破JS特權——CSS動畫
※Angular 實戰教程 - Today 系列文章目錄
※MVVM基本實現
※前端面試小記