頁面布局方法有多種，主要包括：
靜態布局。這是一種傳統的布局方式，當螢幕寬高變化時，頁面元素不會隨之變化，而是使用橫向或豎向的滾動條來查看被遮擋的部分。
彈性布局（Flex布局）。這是一種基於CSS3的布局方式，它使得頁面元素的排列和分布更加靈活和方便，但可能存在瀏覽器兼容性問題。
自適應布局。這種布局方式為不同的螢幕解析度定義不同的布局，頁面元素不會隨視窗大小的調整而變化，而是在視窗大小達到特定解析度時發生變化。
流式布局。在這種布局中，頁面元素的寬度會根據螢幕大小進行適配調整，而元素的位置保持不變。
回響式布局。這種布局使用meta標籤設定，頁面元素的寬度可以隨視窗大小的調整自動適配。
格線布局（Grid）。這是一種二維布局系統，允許開發者隨意定義每行每列的數目和大小。
T形布局和三欄型布局。這些布局通常用於網站設計，其中T形布局的頂部放置網站的標誌或Banner廣告，下方左側是導航欄選單，右側是網頁正文等內容。
POP布局。這種布局類似於宣傳海報，通常以一張圖片作為設計中心，常用於時尚類網站。
上下布局型和左右布局型。這些布局將網頁主體分為上下或左右兩大塊，常見於後台管理系統頁面。
對稱構成形式、垂直式構圖、向心式構圖等。這些是設計中的構圖方法，用於創造視覺效果和引導視線。
display布局方式。這是CSS中的一個屬性，用於設定元素的顯示方式，包括inline（行內元素）、block（塊級元素）和inline-block（兼具行內元素和塊級元素特性）。