在CSS中，可以使用clear屬性來清除浮動塊下的空白區(qū)域。clear屬性可以指定浮動塊在其下方清除其他元素的影響，從而消除空白區(qū)域。

假設(shè)有一個浮動塊，其樣式如下：

.float-block {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid #000;
}

該樣式會使浮動塊浮動到左側(cè)，并創(chuàng)建一個寬度為200px、高度為100px的矩形區(qū)域，由于浮動塊會脫離文檔流，其下方可能會出現(xiàn)空白區(qū)域。

為了消除這個空白區(qū)域，可以使用clear屬性：

.float-block {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  clear: left;
}

這里的clear: left;表示浮動塊會清除其左側(cè)的所有元素，從而消除空白區(qū)域，注意，clear屬性也可以設(shè)置為right、both等，以清除右側(cè)或兩側(cè)的元素。

如果浮動塊下方有其他元素，而這些元素與浮動塊有相同的樣式（如相同的寬度和高度），則可能會出現(xiàn)多個空白區(qū)域，為了解決這個問題，可以使用vertical-align屬性來垂直對齊這些元素：

.float-block {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  clear: left;
  vertical-align: top;
}

這里的vertical-align: top;表示浮動塊會與其下方的元素頂部對齊，從而消除空白區(qū)域，注意，vertical-align屬性也可以設(shè)置為middle或bottom，以進行不同的垂直對齊方式。