歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn 相對定位使元素的位子和文檔流有關,是以不占領空間。這一點和相對定位差異,相對定位實踐上被看做普通流定位模型的一部份,因為元素的地位相對于它在普通流中的位置。

尋常流中別的元素的布局就像絕對定位的元素不存在異樣:

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

以下圖所示:

CSS 絕對定位實例

相對于定位的元素的身分相對于比來的已定位祖先元素,若是元素不有已定位的先人元素,那么它的位置相對于最初的包含塊。

對于定位的首要標題是要記著每種定位的含義。所以,現在讓咱們溫習一放學過的知識吧:相對定位是“相對于”元素在文檔中的初始位子,而相對定位是“相關于”最近的已定位先人元素,假如不存在已定位的祖先元素,那么“相對付”最初的搜羅塊。

注釋:遵照用戶署理的差距,一開始的涵概塊多是畫布或 HTML 元素。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/rumen/r53323.shtml