CSS布局是網頁設計中非常重要的一部分，可以用來控制HTML元素在頁面上的位置，它使得前端工程師可以更好地排版并優化網頁布局。這里介紹一些基本的布局方法。

/* 使用position屬性來定位元素 */
/* absolute屬性 */
p {
position: absolute;
top: 50px;
left: 50px;
}
/* relative屬性 */
p {
position: relative;
top: 50px;
left: 50px;
}

以上代碼使用了position屬性，其中absolute屬性使得元素的位置根據父元素定位，relative屬性則是相對于元素本身定位。

/* 使用float屬性來定位元素 */
/* left屬性 */
p {
float: left;
}
/* right屬性 */
p {
float: right;
}

此外，使用float屬性也可以實現左右定位，其中left屬性使得元素向左浮動，right屬性使得元素向右浮動。

/* 使用display屬性來控制元素占用的空間 */
/* inline屬性 */
p {
display: inline;
}
/* block屬性 */
p {
display: block;
}

display屬性可以用來控制元素在頁面上的布局，其中inline屬性使得元素和其它元素同行顯示，block屬性則使得元素在頁面上占用一整行。

以上是CSS布局的基本方法，每一種方法都有自己的優缺點，具體使用需要根據實際需求來選擇。在實際開發中，還可以結合使用這些方法，達到更好的排版效果。