CSS是網頁設計必不可少的一部分，它可以優化網頁布局，使其更加美觀和易于使用。在CSS中，基本布局是非常重要的，它決定了網頁的整體結構和風格。本文將介紹CSS中的基本布局。

1. 流動布局

body {
width: 80%;
margin: 0 auto;
}

流動布局是最常見的布局方法。通過設置父元素的寬度和居中對齊，將頁面上的元素自動排列在兩側。

2. 浮動布局

.container {
width: 50%;
float: left;
}

該布局方法可以將元素移動到頁面的兩側。通過向左或向右浮動元素，其他的元素也會向其聚攏，使頁面更加緊湊。

3. 絕對定位布局

.container {
position: absolute;
left: 0;
top: 0;
}

絕對定位布局可以將元素放置在頁面上的任何位置。它使用絕對位置來確定元素的位置，可以將其放置在頁面的中心、邊緣或其他位置。

4. 彈性布局

.parent {
display: flex;
justify-content: center;
align-items: center;
}

彈性布局可以根據不同的分辨率自適應調整元素的大小和位置。它可以將元素的大小和位置自由組合，實現更加復雜的頁面布局效果。

以上四種布局方法是CSS中最常用的基本布局。通過靈活地使用這些方法，可以實現豐富、美觀和易于使用的網頁布局效果。