css如何讓多個div盒子並排同行顯示？

div盒子本身默認樣式屬性是獨占一行，而解決div獨占一行方法通常有兩種，一種為設置浮動，另外一種為設置display樣式。

一、使用css float並排顯示
我們對div設置一個float浮動屬性即可解決不並排顯示，只要你的並排div盒子總寬度小於或等於最外層盒子寬度即可實現多個div對象並排顯示。
div {float:left}
這裏我們對div通設一個浮動，當然實際使用時候，要通排顯示div對象的加入css類，我們就對要同行顯示css選擇器設置浮動。避免其它不需要設置的也被加入浮動樣式。
二、使用css display同行顯示
我們加入display:inline即可解決實現同行並排顯示div盒子對象。
div {display:inline}
實例：
如果有三個div，分別為left , middle, right
而left與right的寬度是固定的，要依照不同的解析度將middle自動填滿剩餘的部分
做法如下
col3