CSS是一種層疊樣式表語言，可以用于控制網頁的樣式和布局。CSS3是CSS最新的版本，它引入了許多新的布局技術。

CSS3布局技術可以使網頁更加靈活、響應式，適應各種屏幕尺寸和設備。以下是一些常用的CSS3布局技術。

/* Flexbox 布局 */
.container {
display: flex;
justify-content: center; /* 在主軸上居中 */
align-items: center; /* 在交叉軸上居中 */
}
/* Grid 布局 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 三列等寬 */
grid-gap: 20px; /* 網格間隔 */
}
/* Media Queries 媒體查詢 */
@media screen and (max-width: 600px) {
.container {
flex-direction: column; /* 當屏幕寬度小于等于 600px 時，改為垂直布局 */
}
}
/* Box-sizing 盒模型 */
*, *:before, *:after {
box-sizing: border-box;
/* 所有元素的寬度和高度都包括內容、內邊距和邊框，不會超出指定的寬度和高度 */
}

以上是其中的一些常用CSS3布局技術。在實際開發中，我們可以根據具體的需求靈活使用這些技術，以達到更好的布局效果和用戶體驗。