1、網格設計 方法一、float（浮動） float 將4個div 從左至右排序，當外圍區塊小時，4個div會根據外圍的區塊寬度重新調整內容顯示的位置。 原理就是利用float:left將元素浮動靠左排列，反之用靠右排列，當超過容器最大寬度時，div就會自動擠到下一行。 方法二、display:in ...
1、網格設計
方法一、float（浮動）
float 將4個div 從左至右排序，當外圍區塊小時，4個div會根據外圍的區塊寬度重新調整內容顯示的位置。
原理就是利用float:left將元素浮動靠左排列，反之用靠右排列，當超過容器最大寬度時，div就會自動擠到下一行。
方法二、display:inline-block
使用display:inline-block也可以實現，實現從左向右排列，只要把原本的float:left換成display:inline-block就獲得一樣的效果，同時也可以通過指定text-align來達到文字靠左向靠右對齊。
