1、absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。(父元素不仅可以是相对定位(relative))
2、当绝对定位的元素找不到定位类型是非static定位的父元素时,即相对于根元素进行定位(根元素一般是html)
3、一般子元素设置为绝对定位,父元素需要设置为相对定位
4、absolute元素可以通过top,left,bottom,right进行重新定位元素位置。
5、对于absolute元素,top,left,bottom,right均为0,且width: 100%,height:100%时,则元素height确定,元素位置与top,left,bottom,right有关。
6、对于absolute元素,如果没有设置height,则真实height为子元素height的和,展示height为父元素的height-top-bottom(如果top或bottom缺失,则展示height也为子元素height的和)
7、对于absolute元素,如果设置了width: 100%或height:100%时,则真实height与展示height均为父元素的height(如果父元素也没有height的话,则为根元素height,即为html元素高度,即为屏幕高度)
8、也就是说,对于absolute元素,height没有值或height:100%时,其height都会和父元素height有关,但计算公式不同。
9、对于absolute元素,如果设置了height,则真实height和展示height为同一值。否则为不同值。
公式:
该元素的witdh = 父元素的width-left-right;
该元素的height= 父元素的height-top-bottom;
该元素位置(该元素left,该元素top);