html向左對齊代碼 四種定位形式的特點?
四種定位形式的特點?1. Fixed positioning當(dāng)元素的position屬性設(shè)置為Fixed時,元素是固定的。固定元素不會隨著滾動條的拖動而改變其位置(在視野中),而是相對于屏幕的可見區(qū)域
四種定位形式的特點?
1. Fixed positioning
當(dāng)元素的position屬性設(shè)置為Fixed時,元素是固定的。固定元素不會隨著滾動條的拖動而改變其位置(在視野中),而是相對于屏幕的可見區(qū)域進行定位。
固定定位,使用top、bottom、left和right屬性設(shè)置元素相對于瀏覽器窗口的位置,導(dǎo)致元素與文檔流完全分離,更改元素類型,主要用于“返回頂部”效果和固定列設(shè)置。
2. 相對定位
當(dāng)元素的position屬性設(shè)置為Relative時,元素具有相對定位的屬性。相對定位元素的位置是相對于其原始位置計算的。它還有四個屬性:頂部、底部、左側(cè)和右側(cè)。相對定位不會使元素脫離文檔流,也不會更改元素本身的類型。
3. 絕對定位
絕對定位是最常用的定位屬性之一。一般與relative連用,達到“where to play”的效果。當(dāng)一個元素成為絕對定位元素時,它與正常的文檔流完全分離。絕對定位元素之前或之后的元素都會認為該元素不存在,即該元素“浮動”在其他元素之上。絕對定位將更改元素本身的類型(行中的元素將成為塊元素)。如果定位父對象與定位父對象偏移,則定位父對象與整個文檔偏移。
4. 靜態(tài)定位
如果未指定元素的位置屬性值,則該元素為靜態(tài)定位。Static是position屬性的默認值,這意味著塊將保留在它應(yīng)該位于的位置,并且不會重新定位。
通常,此屬性很少使用,不支持left和top等屬性值。使用場景通常用于清除其他定位屬性。