參考資料： （css定位position引發的層級關係問題詳解）
概念：用於指定乙個元素在文件中的定位方式
常見語法：static | relative | absolute | sticky | fixed
大多數情況下，height和width 被設定為auto的絕對定位元素，按其內容大小調整尺寸。但是，被絕對定位的元素可以通過指定top和bottom ，保留height未指定（即auto），來填充可用的垂直空間。它們同樣可以通過指定left 和 right並將width 指定為auto來填充可用的水平空間。
舉例說明：
下面例子就是，寬度固定，但是高度沒有設定，通過top,bottom的值，使得高度自動填充。
補充：如果 top 和 bottom 都被指定（嚴格來說，這裡指定的值不能為 auto ），top 優先。
如果指定了 left 和 right ，當 direction設定為 ltr（水平書寫的中文、英語）時 left 優先， 當direction設定為 rtl（阿拉伯語、希伯來語、波斯語由右向左書寫）時 right 優先。
如果寬度不為auto的情況下設定left和right，寬度不會因為left和right值改變。
iOS手機定位層級問題
style position relative style position relative class top div div style position absolute z index 9999 class bottom div div div 此時你的預料效果是bottom元素在top元...
CSS定位 元素層級 設定背景
一 定位 當開啟了元素的定位 position屬性值是乙個非static的值 時，二 相對定位 通常偏移量只需要使用兩個就可以對乙個元素進行定位，box2 box4 三 絕對定位 box2 s1四 固定定位 box2 五 元素的層級 z index.box2 box3 父元素的層級再高，也不會蓋過子...
css中的層級問題
在css中，涉及到定位 浮動 z index的層級問題時很容易讓人雲裡霧裡。本來我以為想讓誰的層級更高就直接給它設定z index就好了。可是這次做京東專案時，我設定的卻不起作用。情況類似於這樣 class d1 class d2 div div class d3 div d1的高度100px，d2...