在CSS中，您可以使用多種方法將DIV按比例分塊，以下是一些常見(jiàn)的方法：

1、使用CSS的width和height屬性：您可以通過(guò)設(shè)置width和height屬性來(lái)定義每個(gè)塊的大小，如果您有一個(gè)包含兩個(gè)塊的DIV，您可以這樣寫：

.div1 {
  width: 50%;
  height: 100%;
}
.div2 {
  width: 50%;
  height: 100%;
}

這將使兩個(gè)塊在寬度上各占一半，并在高度上占據(jù)整個(gè)DIV。

2、使用CSS的grid布局：CSS的grid布局是一種非常強(qiáng)大的布局工具，允許您輕松地將空間分配給多個(gè)塊，如果您有一個(gè)包含兩個(gè)塊的DIV，您可以這樣寫：

.div {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
}

這將使兩個(gè)塊在寬度上各占一半，并在高度上占據(jù)整個(gè)DIV。

3、使用CSS的flex布局：CSS的flex布局也是一種非常強(qiáng)大的布局工具，允許您靈活地將空間分配給多個(gè)塊，如果您有一個(gè)包含兩個(gè)塊的DIV，您可以這樣寫：

.div {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.div1 {
  flex-basis: 50%;
}
.div2 {
  flex-basis: 50%;
}

這將使兩個(gè)塊在寬度上各占一半，并在高度上占據(jù)整個(gè)DIV，注意，這種方法在高度上可能不會(huì)完全平均分配，因?yàn)樗鼤?huì)根據(jù)內(nèi)容動(dòng)態(tài)調(diào)整。