HTML5是現代網站建設中十分重要的一種技術。在HTML5中，使用section元素來劃分信息和內容。但是，有時候我們需要在頁面上設置section的位置，這就需要用到CSS來控制。 首先，在HTML中使用section元素時，我們需要給它加上一個id屬性，方便后續通過CSS控制位置。如下代碼：

<section id="section1">
<h2>這是第一部分</h2>
<p>這里是內容</p>
</section>

在CSS中，我們可以使用position屬性來控制元素的位置。通過設置position屬性，我們可以實現固定位置、絕對位置等效果。下面是一個例子，展示如何設置section元素的位置：

#section1 {
position: fixed;
top: 0;
left: 0;
}

在這個例子中，我們將section元素設置為固定位置（fixed），并且將它的位置設置在頁面左上角（top和left都為0）。這樣一來，頁面滾動時，該section元素的位置不會改變。 除了固定位置，我們還可以將元素設置為相對或絕對定位，并且通過設置top、bottom、left、right等屬性，來控制元素的位置。例如：

#section1 {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%, 0);
}

這個例子將section元素設置為絕對位置（absolute）。top屬性設置為100px，也就是將元素頂部與頁面頂部距離為100px。左側位置使用了transform屬性來操作，將元素左移了自身寬度的一半。 總的來說，在HTML5中，我們可以使用CSS來設置section元素的位置，通過設置position、top、bottom、left、right等屬性，來實現固定位置、絕對位置等效果。這樣，我們可以方便地控制網頁布局和樣式。