塊浮動(Block 浮動)是一種常見的CSS布局技術，用于將一個塊元素與另一個塊元素之間浮動，使得兩個塊元素能夠重疊在一起，但不會影響它們之間的排版和樣式。

在塊浮動中，父元素的塊級元素會被向上浮動，而子元素的塊級元素會被向下浮動。這種浮動方式可以使得子元素更加靠近父元素，同時保持其樣式和內容不變。

下面是一個簡單的塊浮動示例：

```html

<div class="parent">

<div class="child"></div>

</div>

```css

.parent {

position: relative;

.child {

position: absolute;

top: 50px;

left: 50px;

在這個示例中，父元素的塊級元素被設置為“position: relative”，使其可以相對于父元素進行定位。子元素的塊級元素被設置為“position: absolute”，使其在父元素中向下浮動50px，同時保持其left和top屬性不變，以便在父元素中顯示出來。

需要注意的是，塊浮動只能用于浮動在父元素中的子元素。如果子元素浮動在另一個塊元素中，那么無法實現塊浮動效果。此外，如果父元素中的子元素沒有浮動，那么子元素將直接放在父元素頂部和底部，而不是通過浮動來實現。

塊浮動是一種常用的CSS布局技術，可以使得網頁布局更加美觀和靈活。通過設置不同的浮動參數，可以實現不同的塊浮動效果，例如水平浮動、垂直浮動、左右浮動等。