在CSS中，塊浮動是一種布局技術，可以讓元素從正常流中脫離出來，放置在頁面上的左側或右側。

然而，與行內元素浮動不同的是，塊浮動元素會占據其在正常流中的位置，導致周圍的元素也會相應地調整位置。

.left-float {
float: left;
width: 50%;
}
.right-float {
float: right;
width: 50%;
}

在上面的代碼中，我們定義了兩個元素，分別浮動在頁面的左側和右側，并且寬度都為50%。當這些元素浮動時，它們會脫離正常流，但仍然會占據原來的位置。

如果在浮動元素上面或下面添加其他元素，則這些元素就會被重新排列以避免重疊。如果沒有足夠的空間來容納這些元素，則它們可能會溢出到頁面的邊緣。

在設計網頁布局時，我們需要謹慎使用塊浮動，并且在必要情況下使用清除浮動的方法來避免出現排版問題。