流式布局是響應式布局設計的一種CSS技術，其主要作用就是對于屏幕尺寸的變化進行不同程度的適應。而上海網站建設公司所使用的流式布局也被稱作百分比式布局，是非固定像素布局的一種。其原理是將頁面的寬度數值設置為百分比數值，從而依據屏幕的窗口寬度進行自適應，這種適應不會受到固定像素的限制，其內容會自動對其兩側進行填充。

1、流式布局

綜上所述，上海網站建設公司所設計的網頁元素依據屏幕的分辨率而進行自動適配調整，但其頁面的視覺布局是不會改變的。如果屏幕的分辨率發生改變，那么頁面內的設計內容其大小也會隨之改變，但總體的視覺布局是不會發生改變的。

流式布局使用百分比來定義網頁的寬度，并且與min-*和max-*的屬性進行搭配使用，而其高度大部分是使用固定的px，上海網站建設公司的這種布局能夠依據屏幕的發展與父元素的即時尺寸進行自適應，從而來適配各種不同的屏幕大小。

2、 網格系統

網格系統也可以算作是CSS布局模型，其原理是將整個頁面都劃分為幾個主要的內容區域，然后對一些區域的位置、層次以及大小進行重新定義。它能自動通過一些內容容器、列、行和內容的對齊進行操作，而且能夠同時處理行與列的關系。是近些年來上海網站建設公司表現比較提突出的CSS布局方案之一。