position定位

時間 2019-11-13

標籤 position 定位欄目 CSS 简体版

原文原文鏈接

position定位有四種：html

static--靜態定位瀏覽器

relative--相對定位spa

absolute--絕對定位htm

fixed--固定定位文檔

fixed和absolute的相同點：it

1、徹底脫離標準文檔流。io

2、未設置偏移量時，都定位在父元素的左上角。（偏移量--元素設置定位【絕對或相對】後就具備偏移屬性和堆疊屬性【z-index】）。static

fixed和absolute的不一樣點：position

1、設置偏移量時，偏移參照基準不一樣
index

absolute：

1.無已定位祖先元素，以<html>爲基準偏移，而不是以<body>爲基準偏移。

2.有已定位祖先元素，以距其最近的，已經定位的祖先元素爲基準偏移。

fixed：

1.不管是否有已定位的祖先元素，都以瀏覽器的可視窗口爲基準偏移。

2、未設置偏移量時

fixed：

1.有定位的祖先元素：以祖先元素爲基準定位。

2.以瀏覽器窗口爲基準定位。

當元素設置絕對定位卻沒有設置寬度時，元素的寬度根據內容進行調節。

相對定位：

1.相對於自身原有位置進行偏移。

2.處於標準文檔流中。

3.擁有偏移屬性和z-index屬性。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。