CSS是許多網頁設計者使用的重要工具。它提供了許多布局技術，這些技術使得網頁設計更加靈活和響應式。在接下來的段落中，我們將介紹一些基本的CSS布局技術。

/*設置一個div元素的寬度為600像素，高度為400像素，并使其垂直居中。*/
div {
width: 600px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*在CSS中設置兩列，其中左列寬度為200像素，右列填充剩余空間。*/
.container {
display: flex;
}
.left-column {
width: 200px;
flex-basis: 200px;
}
.right-column {
flex: 1;
}
/*使用flexbox將一行中的多個元素居中，通過使用justify-content和align-items屬性。*/
.container {
display: flex;
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}
.box {
width: 100px;
height: 100px;
background-color: red;
}

以上是基本的CSS布局技術的一些示例。這些技術有助于設計響應式網頁，使它們適應用戶的不同設備和屏幕尺寸。從簡單的居中元素到復雜的多列網格布局，CSS提供了許多不同的解決方案。學習這些技術需要一些時間和實踐，但它們可以幫助您創建出漂亮和易于使用的網站。