css如何清除定位

在css中，可以使用position屬性清除定位，只需在元素上新增「position:static」樣式即可。 position屬性用於規定元素的定位類型，當值設定為「static」時，代表沒有定位，元素出現在正常的流中。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

使用div標籤建立一個模組，並設定其class為con，主要用於下面透過該class來設定css樣式。

在div內，再建立一個div模組，並設定其class為pos。

在css標籤內，設定類別名為con的div的樣式，使用width屬性設定div的寬度為300px，使用height屬性設定div的高度為200px，使用background屬性設定div的背景顏色為紅色，定位屬性position設定為相對定位（relative）。

在css標籤內，設定類別名為pos的div的樣式，並使用width屬性設定div的寬度為100px，使用height屬性設定div的高度為100px，使用background屬性設定div的背景顏色為粉紅色，定位屬性position設定為絕對定位（absolute），同時，使用left和top屬性設定div距離左邊30px，距離頂部10px。

在css標籤內，再建立一個類別名為clearpos的樣式，將position屬性設為static，也就是清除定位屬性，凡是添加了該類名樣式，都會清除定位。將此類名稱新增至div為pos的模組上，清除它的定位。

在瀏覽器中開啟test.html文件，查看實現的效果。

推薦學習：css影片教學

#

以上是css如何清除定位的詳細內容。更多資訊請關注PHP中文網其他相關文章！