CSS是Web前端開發中不可或缺的一環。其中最重要的就是布局。在CSS中，有三種常用的布局方式：標準文檔流（normal flow）、浮動（float）和定位（positioning）。

標準文檔流是CSS默認的布局方式。在標準文檔流中，元素按照其在HTML中的順序依次放置，從上到下，從左到右。這種布局方式包括塊級元素和行內元素。塊級元素會從新的一行開始，而行內元素會在同一行上顯示。要調整元素的位置，可以使用margin、padding、width、height等屬性。

/* 例子：設置兩個塊級元素水平居中 */
div{
width: 500px;
margin: 0 auto;
}

浮動布局是將元素浮動到其父元素的左側或右側。浮動元素會脫離標準文檔流，并讓其他元素環繞它。要注意的是，如果浮動元素高度不夠，其他元素可能會跑到它的下面。這時候可以使用clear屬性進行清除。

/* 例子：設置一個元素向左浮動 */
div{
float: left;
}

定位布局是通過position屬性控制元素的位置。定位元素不會對其他元素產生影響。position屬性包括static、relative、absolute、fixed四種值，分別代表默認值、相對定位、絕對定位和固定定位。要調整元素的位置，可以使用left、right、top、bottom等屬性。

/* 例子：設置一個元素固定在屏幕右下角 */
div{
position: fixed;
bottom: 0;
right: 0;
}

以上是CSS中常用的三種布局方式。在實際開發中，需要根據情況選擇合適的布局方式，以達到最佳的顯示效果。