如何實現CSS樣式之多個層DIV并排布局？

1、使用css float并排顯示：

對div設置一個float浮動屬性即可解決不并排顯示，只要并排div盒子總寬度小于或等于最外層盒子寬度即可實現多個div對象并排顯示。

加float浮動實現多個div并排顯示。

這里對div通設一個浮動，當然實際使用時候，要通排顯示div對象的加入css類，就對要同行顯示css選擇器設置浮動。避免其它不需要設置的也被加入浮動樣式。

2、使用css display同行顯示：

加入display:inline即可解決實現同行并排顯示div盒子對象。

對div標簽設置div{ display:inline}樣式。

擴展資料

div標簽的作用：

主要應用div結構網頁大小局部，架構網頁框架。譬喻一張網頁最外層、大結構布局、小部份布局。div內可以嵌入模式，也或許嵌入任何標簽。要實現漂白的各種各樣的網頁，div使用必不可少，div機關框架再運用css對其設置名堂，完成千般各樣刻舟求劍的網頁。

div標簽自身是不有任何效用的標簽，也不是特殊標簽。一樣平常組織經常運用DIV作為主要的構造標簽，再配合其他標簽的應用達到結構需求，而另外標簽各有各機能與作用。

div自身就作為DIV CSS構造的首要標簽（div構造大小結構，架構大小框架、嵌套嵌入形式或其他標簽，應用其他標簽大面積構造大小結構 大小框架不切當），所以要應用div標簽構造html。