關(guān)于CSS定位

在CSS中關(guān)于定位的內(nèi)容是:position:relative(相對定位)absolute(絕對定位)? ? ? ? ? ? ? ? ? ? static (無定位)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? fixed(固定定位)

relative 不脫離文檔流也不會改變元素的類型。它是相對自己來進(jìn)行定位的,參考自身靜態(tài)位置通過top , bottom , left ,right 來進(jìn)行 定位,并且可以通過z-index進(jìn)行層次分級。一般它會用來給absolute做父級。

absolute 會完全脫離文檔流并且可以改變元素類型,也是通過? top, bottom, left, right 來進(jìn)行定位,但是它是相對定位父級的來定位的,如果沒有定位父級就相對body坐標(biāo)原點(diǎn)進(jìn)行定位,可以通過z-index進(jìn)行層次分級。一般用來做小圖標(biāo)和一些簡單的動(dòng)態(tài)效果。

static沒有特別的設(shè)定,所有元素定位的默認(rèn)值, 一般不用注明,除非有需要取消繼承的別的定位。遵循基本的定位規(guī)定,不能通過z-index進(jìn)行層次分級。

fixed 完全脫離文檔流且可以改變元素類型。它所固定的對像是瀏覽器窗口而并非是body或是父級元素??赏ㄟ^z-index進(jìn)行層次分級。一般用來做返回頂部和一些廣告的插入。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 剛剛學(xué)習(xí)了定位,一開始還是比較暈的,特別是關(guān)于里面的各種相對位置,不知道它們的坐標(biāo)具體是怎么算的。所以這里特別的記...
    婷樓沐熙閱讀 2,181評論 0 3
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,107評論 1 92
  • 譯者:cherryvenus鏈接:http://www.zcfy.cc/article/1390原文:https:...
    IT程序獅閱讀 3,353評論 0 18
  • 在CSS中關(guān)于定位的內(nèi)容是:position:relative | absolute | static | fix...
    feelinghappy618閱讀 702評論 0 0
  • CSS 定位 CSS有三種基本的定位機(jī)制:普通流,浮動(dòng),絕對定位(absolute, fixed):普通流是默認(rèn)定...
    _空空閱讀 5,961評論 0 15

友情鏈接更多精彩內(nèi)容