HTML和jQuery使設置DIV高度成為一項容易的任務。HTML提供了各種標記和屬性，可以輕松地創建一個具有不同的高度和寬度的DIV塊。jQuery的編寫方式使得按需修改DIV的高度成為一項容易的任務。 下面是一個HTML代碼示例，其中設置了兩個DIV塊：

<div id="red-div">這是一個紅色的DIV塊</div>
<div id="blue-div">這是一個藍色的DIV塊</div>

在樣式表中，可以通過設置height屬性來更精確地定義DIV高度，這樣它就不再取決于它包含的內容：

#red-div {
background-color: red;
height: 100px;
}
#blue-div {
background-color: blue;
height: 200px;
}

這將分別創建高100像素和200像素的紅色和藍色DIV塊。 使用jQuery，可以將DIV塊的高度設置為任何值。例如，下面的代碼將設置紅色DIV的高度為500像素：

$(document).ready(function() {
$("#red-div").height(500);
});

可以使用相同的方式，為藍色DIV設置其他高度：

$(document).ready(function() {
$("#blue-div").height("50%");
});

這將將藍色DIV的高度設置為其父元素高度的50％。 HTML和jQuery組合起來，使得設置DIV高度成為一項容易的任務。任何人都可以創建具有不同高度的DIV塊，并且可以在需要的時候通過jQuery進行修改。