在網頁布局中，有時候我們需要讓某些元素的位置固定不變，不隨著頁面的滾動而改變。那該如何實現呢？這里介紹一種使用HTML和CSS來設置元素位置不變的方法。
首先，在HTML中，我們可以使用
標簽來包裹需要固定位置的元素：
<div id="fixed-element">
<p>這是需要固定位置的元素</p>
</div>接下來，我們在CSS中設置該元素的樣式：
#fixed-element {
position: fixed; //設置元素的定位方式為fixed
top: 50px; //設置元素距離頁面頂部的距離
left: 50px; //設置元素距離頁面左側的距離
}通過設置position屬性為fixed，我們將該元素的定位方式設置為固定位置，接下來通過top和left屬性來設置該元素距離頁面頂部和左側的距離。這樣的話，不管頁面如何滾動，該元素的位置都將不會隨之變化。
除了使用
標簽之外，還可以使用其它的HTML標簽進行位置固定，比如
、等標簽，方法類似。