CSS布局是網頁開發中的重要部分，它提供了一種方式讓我們將頁面中的內容安排得更加整齊，讓用戶能夠更方便地瀏覽頁面上的內容。在CSS中，布局主要有以下幾種常用方法：

/* 使用float屬性進行布局 */
.box {
float: left;
}
/* 使用display屬性來設置元素的顯示方式 */
.inline {
display: inline-block;
}
/* 使用flexbox進行布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 使用grid進行布局 */
.container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}

此外，CSS還提供了許多定位相關的屬性來幫助我們在頁面上定位元素。常用的定位屬性如下：

/* 相對定位 */
.relative {
position: relative;
top: 20px;
left: 20px;
}
/* 絕對定位 */
.absolute {
position: absolute;
top: 0;
right: 0;
}
/* 固定定位 */
.fixed {
position: fixed;
top: 0;
right: 0;
}
/* z軸定位 */
.z-index {
position: relative;
z-index: 10;
}

學習和使用CSS布局和定位屬性可以使網頁開發變得更加簡單便捷。希望大家能夠掌握這些技能，創作出更美觀、好用的網頁。