在HTML5中，div被廣泛應用來設置網頁內容的布局和樣式，通過更改div元素的尺寸和位置，可以實現各種不同的頁面效果。

<div>
<p>這是一段文字</p>
</div>

div元素的位置可以通過CSS樣式表進行設置，常見的設置方式有：

• 設置position屬性為relative或absolute，然后使用top、bottom、left、right屬性進行具體位置調整。
• 通過margin、padding屬性調整div元素與其他元素的距離。

下面是一個示例代碼，演示如何使用CSS樣式表調整div元素位置和尺寸：

<style>
#myDiv {
position: relative;
width: 200px;
height: 200px;
background-color: #ccc;
top: 50px;
left: 50px;
margin-top: 100px;
margin-left: 100px;
}
</style>
<div id="myDiv">
<p>這是一個div元素</p>
</div>

在上面的例子中，我們創建了一個id為"myDiv"的div元素，并通過CSS樣式表設置了它的尺寸和位置。其中，position屬性被設置為relative，表示元素的位置相對于它原本在文檔流中的位置進行偏移，而不影響其他元素的位置。top和left屬性分別設置元素距離頂部和左側的偏移量。margin-top和margin-left屬性則設置了元素與周圍元素的間距。