布局方法主要包括以下幾種：
固定布局。網頁的寬度和高度保持固定，不隨頁面變化而變化。這種布局設計簡單，易於定義，但靈活性較低，適用於不同螢幕尺寸的難度較高。
流式布局。以百分比為單位的布局方式，可以使頁面自適應不同螢幕尺寸。這種布局靈活，適用於移動端，但設計控制較難。
彈性布局（Flex布局）。通過在父元素上設定display: flex或inline-flex屬性來實現。彈性布局允許元素在頁面上以靈活的方式排列，適用於現代網頁設計。
Display布局方式。通過修改元素的display屬性來控制元素的顯示方式，如inline、block、inline-block等。
浮動布局。使用float屬性（如float: left或float: right）使元素沿左或右移動，允許文本或內聯元素環繞該元素。
定位布局。使用position屬性（如static、absolute、relative、fixed、sticky）來控制元素在頁面上的位置。
伸縮盒布局。使用彈性布局的屬性如flex-direction、justify-content、align-items等來控制子元素的排列和對齊方式。
這些方法可以根據不同的設計需求和螢幕尺寸來選擇和套用，以創建回響式和用戶友好的網頁設計。