relative對絕對定位元素的限制
- 限制定位
- 限制層次
- 限制overflow，overflow原本對絕對定位元素無效，容器設定relative+overflow的情況下生效
relative的定位特性
- 相對於自身
- 無侵入，不會對其他元素的佈局產生影響
- top與bottom、left與right同時存在時，忽視bottom、right
relative的層疊特性
- 可以提高層疊上下文
- z-index為具體數值時，限制內部絕對定位元素層疊
- z-index為auto時，不限制內部絕對定位元素層疊
【學習筆記】CSS深入理解之relative
相關文章
- 【學習筆記】CSS深入理解之margin筆記CSS
- 【學習筆記】CSS深入理解之overflow筆記CSS
- CSS深入理解之relative定位CSS
- 【學習筆記】CSS深入理解之vertical-align筆記CSS
- 【前端Talkking】CSS系列——CSS深入理解之relative定位前端CSS
- CSS學習筆記之字型樣式CSS筆記
- CSS 學習筆記CSS筆記
- 深入理解計算機系統-學習筆記 （1）計算機筆記
- css學習筆記（一）CSS筆記
- iOS學習之深入理解RunLoopiOSOOP
- Python學習筆記|Python之yield理解Python筆記
- HTML&CSS學習筆記HTMLCSS筆記
- CSS 基礎學習筆記CSS筆記
- Animation.css學習筆記CSS筆記
- div+css學習筆記CSS筆記
- batch normalization學習理解筆記BATORM筆記
- AI學習筆記之——如何理解機器學習(Machine Learning)AI筆記機器學習Mac
- 學習記錄--《深入理解ES6》之函式（上）函式
- CSS深入理解之absolute定位CSS
- 深入解析css-筆記CSS筆記
- css居中辦法學習筆記CSS筆記
- webpack 學習筆記：引入 CSS（下）Web筆記CSS
- CSS學習筆記：flex佈局CSS筆記Flex
- webpack 學習筆記：引入 CSS（上）Web筆記CSS
- 《css揭祕》學習筆記（一）CSS筆記
- day02_css學習筆記CSS筆記
- 《深入理解計算機系統原理》學習筆記與習題答案（一）計算機筆記
- 深入淺出DPDK學習筆記——前言筆記
- CSS 深入理解之 float 浮動CSS
- 《深入理解java虛擬機器》學習筆記1——Java記憶體結構Java虛擬機筆記記憶體
- python之 前端HTML/CSS基礎知識學習筆記Python前端HTMLCSS筆記
- CSS學習筆記——傳統定位篇CSS筆記
- CSS學習筆記(一) 盒子模型CSS筆記模型
- xhtml & css 簡易學習筆記(一)HTMLCSS筆記
- SQLServer學習筆記 - 主鍵的理解SQLServer筆記
- scala學習筆記：理解stream和view筆記View
- OCI介面學習筆記--基本理解（二）筆記
- node學習筆記之39筆記