在網頁設計中，布局是至關重要的一環。而網頁布局又可以分為兩種：塊級元素布局和行內元素布局。本文將著重介紹塊級元素的布局和使用方法。

塊級元素，是指在HTML中以“塊”的方式展示的元素。常見的塊級元素有div、h1-h6、p、ul、ol等等。塊級元素的特點是：默認情況下，寬度為100%；每個元素單獨占一行，不和其他元素在同一行顯示；可設置width、height、padding、margin等屬性。這些特點使得塊級元素的使用非常廣泛。

CSS中，我們可以使用float屬性、display屬性和position屬性來控制塊級元素的布局。

/*float屬性*/
.float-left{
float: left;
}
.float-right{
float: right;
}
/*display屬性*/
.display-inline{
display: inline;
}
.display-inline-block{
display: inline-block;
}
.display-block{
display: block;
}
/*position屬性*/
.position-relative{
position: relative;
}
.position-absolute{
position: absolute;
}
.position-fixed{
position: fixed;
}

使用float屬性可以讓塊級元素浮動到左邊或右邊；使用display屬性可以讓塊級元素變為行內元素或行內塊元素；使用position屬性可以定位元素的位置。

需要注意的是，在使用float屬性時，元素會脫離文檔流，可能會影響到其他元素的布局；在使用position屬性時，元素的定位參照物是其“祖先”元素，需要注意選擇定位參照物。

總之，靈活運用CSS中的布局屬性可以讓網頁設計更加自由、美觀。希望本文能夠對大家在使用塊級元素布局時有所幫助。