HTML布局方式主要包括以下幾種：
流動布局：也稱為普通流或常規流，是瀏覽器默認的排版方式。塊狀元素會在所處的包含元素內自上而下按順序垂直延伸分布，內聯元素則會在所處的包含元素內從左到右水平分布顯示。
浮動布局：使用CSS的float屬性實現。當塊狀元素浮動後，可以並排顯示，不再獨占一行。
層模型：通過CSS的position屬性實現，包括relative（相對定位）、absolute（絕對定位）和fixed（固定定位）。絕對定位的元素會脫離標準流，不會占用標準流中的空間。相對定位的元素會在正常文檔流中偏移位置，偏移前的位置保留不動。固定定位的元素會始終位於瀏覽器視窗內視圖的某個位置，不會受文檔流動影響。
以上三種布局方式可以相互配合使用，以實現複雜的頁面布局。