在網頁設計中，CSS靜態定位（position: static）是最基本和默認的定位方式，所有元素的默認定位方式都是靜態定位，元素在文檔流中按照其在 HTML 中出現的順序依次排列。
然而，當需要對某個元素進行特殊的定位，例如讓一個元素在頁面中固定位置不隨滾動條滾動，或是讓一個元素在頁面中永久停留在某個位置等等，就需要使用CSS的靜態定位。
靜態定位的特點是元素的位置不會改變，無論是否滾動頁面，元素始終保持在其初始位置。這一特性常常被用于創建固定導航欄、懸浮廣告等常見的Web元素。
下面是一個使用CSS靜態定位的視頻示例代碼：
<style>
video {
position: static;
top: 50%;
left: 50%;
margin-top: -240px;
margin-left: -320px;
width: 640px;
height: 480px;
}
</style>
<body>
<video src="video.mp4" controls></video>
</body>這段代碼實現的是一個視頻元素（<video>），視頻元素被定位在頁面的中心位置，但不隨滾動條滾動，保持在頁面中心。通過設置top、left屬性和margin-top、margin-left屬性，可以將元素定位在頁面的具體位置。
靜態定位雖然在Web設計中常常用到，但其也有一些局限性，例如無法實現動態變化的效果、不支持z-index屬性等等。在實際應用中，需要根據具體需求合理選擇定位方式。
上一篇css隱藏屬性怎么修改
下一篇css集群模式