流式風格

本文轉載於:猿2048網站流式風格

一、網格設計

方法1、float（浮動）

float 將4個div 從左至右排序，當外圍區塊小時，4個div會根據外圍的區塊寬度從新調整內容顯示的位置。

原理就是利用float:left將元素浮動靠左排列，反之用靠右排列，當超過容器最大寬度時，div就會自動擠到下一行。

方法2、display:inline-block

使用display:inline-block也能夠實現，實現從左向右排列，只要把本來的float:left換成display:inline-block就得到同樣的效果，同時也能夠經過指定text-align來達到文字靠左向靠右對齊。