CSS布局模型是CSS的一個核心概念，涉及到對網頁內容的排版和布局。CSS布局模型主要有以下三種，包括文檔流布局、浮動布局和彈性布局。

文檔流布局：
文檔流布局是CSS默認的布局方式，所有的HTML元素都按照在HTML文檔中的位置進行自動排列。這種布局不需要專門的CSS代碼，具有良好的瀏覽器兼容性，但是無法實現復雜的布局效果。
浮動布局：
浮動布局是一種非常常用的布局方式，可以實現多欄布局、浮動圖片等效果。通過設置元素的浮動屬性，將元素從文檔流中脫離出來，根據上下文關系來確定元素的位置和大小。但是，浮動布局會造成文檔流重構的問題，導致布局出現折疊和錯位。
彈性布局：
彈性布局是CSS3中新增加的布局方式，通過設置元素的彈性伸縮屬性，可以快速實現彈性盒子的布局效果。彈性布局具有靈活性和適應性，可以自適應變化的屏幕尺寸和設備類型。但是，彈性布局的兼容性還存在一定的問題，需要額外的CSS代碼來實現兼容。

總的來說，不同的布局模型適用于不同的頁面布局需求，開發人員需要根據實際需要進行選擇和使用。