旗下網站(zhàn)
s

百科知識庫

報道(dào)公司事件 · 傳播行(xíng)業動态

淺談:絕對定位和(hé)相對定位的區(qū)别

發布日期:2015-01-19    發布者:傅春波

  定位标簽:position

  包含屬性:absolute(絕對)

  relative(相對)

  1.position:absolute; 表示絕對定位,位置将依據浏覽器(qì)左上(shàng)角開(kāi)始計(jì)算(suàn)。 絕對定位使元素脫離文檔流,因此不占據空(kōng)間(jiān)。普通(tōng)文檔流中元素的布局就像絕對定位的元素不存在時(shí)一樣。(因為(wèi)絕對定位的框與文檔流無關,所以它們可(kě)以覆蓋頁面上(shàng)的其他元素并可(kě)以通(tōng)過z-index來(lái)控制(zhì)它層級次序。z-index的值越高(gāo),它顯示的越在上(shàng)層。)

  2.父容器(qì)使用相對定位,子元素使用絕對定位後,這樣子元素的位置不再相對于浏覽器(qì)左上(shàng)角,而是相對于父窗口左上(shàng)

  3.position:relative; 如果對一個(gè)元素進行(xíng)相對定位,首先它将出現在它所在的位置上(shàng)。然後通(tōng)過設置垂直或水(shuǐ)平位置,讓這個(gè)元素"相對于"它的原始起點進行(xíng)移動。(再一點,相對定位時(shí),無論是否進行(xíng)移動,元素仍然占據原來(lái)的空(kōng)間(jiān)。因此,移動元素會(huì)導緻它覆蓋其他框)

Copyright 大(dà)連網龍科技(jì) 版權所有(yǒu)   html - txt -

電(diàn)話(huà)
客服