在HTML和JS中，我們可以使用div元素來劃分一個(gè)頁面的不同部分，而設(shè)置div寬高是非常常見的操作。下面我們就來介紹一下如何使用HTML和JS來設(shè)置div寬高。

<div id="myDiv"></div>
<style>
#myDiv {
width: 200px;
height: 100px;
background-color: red;
}
</style>

在上面的代碼中，我們創(chuàng)建了一個(gè)id為myDiv的div元素。然后在style標(biāo)簽中，設(shè)置了myDiv元素的寬為200像素，高為100像素，背景顏色為紅色。

如果我們想要使用JS來動(dòng)態(tài)地設(shè)置div寬高，可以使用下面的代碼：

var myDiv = document.getElementById("myDiv");
myDiv.style.width = "300px";
myDiv.style.height = "150px";

我們首先通過getElementById方法獲取了id為myDiv的div元素。然后使用style屬性來設(shè)置元素的寬為300像素，高為150像素。

至此，我們就介紹了如何使用HTML和JS來設(shè)置div元素的寬高。這是我們?cè)诰W(wǎng)頁設(shè)計(jì)中非常重要的一步，可以讓我們更好地控制頁面布局和樣式。