HTML5中的div元素是網頁布局中重要的組件之一。當我們設計網頁時，常常需要使用div元素來構建頁面結構的框架。而在使用div元素時，我們需要設置它的寬度和高度來實現頁面的布局效果。本文將介紹如何使用HTML5中的div元素設置寬高。 首先，我們需要在HTML文檔中創建一個div元素。在div元素中可以包含其他的HTML元素，如文本、圖像、表格等。下面是創建一個div元素的基本代碼：

<div>
</div>

在實際應用中，我們一般會將div元素的寬度和高度設置為固定值或百分比。如果我們將div元素的寬度設置為固定值，那么該div元素的寬度會保持不變。下面是設置div元素寬度為500像素的代碼示例：

<div style="width:500px">
</div>

同樣，我們可以設置div元素的高度。下面是設置div元素高度為200像素的代碼示例：

<div style="height:200px">
</div>

除了設置固定寬高外，我們還可以使用百分比來設置div元素的寬度和高度。百分比通常用于實現響應式設計，這可以使得網頁在不同終端設備上都能展現出最佳的效果。下面是設置div元素寬度為50%、高度為100%的代碼示例：

<div style="width:50%; height:100%">
</div>

最后，我們需要注意的是，使用HTML5中的div元素設置寬高時，需要在元素中加入style屬性，并將寬度和高度設置為合適的值。只有這樣，我們才能打造出美觀、實用、適應不同頁面需求的網頁布局效果。