CSS是網頁設計的重要一環,其中定位是非常重要的元素之一。但有時候,我們需要取消元素的定位,這時候就要用到CSS取消定位。
一個元素的定位可以通過position屬性進行設置。通常有四種值可選:
position: static; position: relative; position: absolute; position: fixed;
如果我們需要取消一個元素的定位,只需設置position為static即可:
.element { position: static; }
這樣,.element元素就不再有定位屬性,會按照文檔流的順序排列。如果該元素之前設置了其它樣式,需要一并取消:
.element { position: static; top: auto; left: auto; z-index: auto; }
另外,有時候父元素有定位屬性,而子元素不需要進行定位,我們也可以通過設置position為inherit來繼承父元素的定位屬性:
.parent { position: relative; } .child { position: inherit; }
通過以上方法,我們就可以方便地取消一個元素的定位,讓其回到文檔流中,實現更靈活的頁面設計。
上一篇css3文字一行居中代碼
下一篇css3數字間距