在CSS中,有三種標記的定位類型:絕對定位、相對定位和固定定位。
絕對定位:元素的位置相對于最近的已定位祖先元素,如果沒有已定位的祖先元素,則相對于最初的包含塊。使用position:absolute
屬性可將元素變成絕對定位,可以通過top
,bottom
,left
,right
屬性來設置元素距離離它的祖先元素或包含塊的距離。
div { position: absolute; top: 50px; left: 100px; }
相對定位:元素的位置相對于它在正常文檔流中的初始位置。使用position:relative
屬性可將元素變成相對定位,可以通過top
,bottom
,left
,right
屬性來設置元素距離它的初始位置的距離。
div { position: relative; top: 20px; left: 20px; }
固定定位:元素的位置在視口中固定不變,即就算頁面滾動了也不會移動。使用position:fixed
屬性可將元素變成固定定位,可以通過top
,bottom
,left
,right
屬性來設置元素距離視口的距離。
div { position: fixed; bottom: 0; right: 0; }
上一篇css標題在表格下
下一篇ajax報錯非法數據對象