首頁  >  文章  >  web前端  >  相對定位或絕對定位的適用條件

相對定位或絕對定位的適用條件

一个新手
一个新手原創
2017-09-12 09:05:252187瀏覽

要理解定位你要先理解文件流,在文件流程中相對定位的元素佔有位置,而且會影響後面的元素(塊元素、行內塊元素),例如兩個p並排,另外一個會換行。

111


222


而絕對定位就是將該元素從文檔流中踢出,不會佔用文件流的位置,也不會影響後面的元素。

111


222


如上面的實例,111和222會重疊,審查元素你會發現222有實際位置,111沒有位置。他是使用left,right,top,bottom等屬性相對於其最接近的一個最有定位設定的父對象進行絕對定位,如果不存在這樣的父對象,則依據body對象。而其層疊透過z-index屬性定義 。

網頁佈局涉及到各種裝置各種解析度下的相容,所以就注定絕對定位不能適用於大部分場景。 。所以佈局只能依賴上級元素的位置,而不能依賴設備的高度和寬度。

適合絕對定位的場景主要是一些頁面輔助功能。

以上是相對定位或絕對定位的適用條件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn