Zhe Yang

position:absolute探究

position:absolute是基于body元素,而当给上层div一个position:relative时,它就成了width:100%的基准点了。 小结论:

  1. 对于使用position:relative的子类元素而言,width:100%也始终是基于基父级元素而并不会基于其上层元素中的relative。
  2. 对于绝对定位的子无素,要是其外层的所有元素中都没有用position:relative,则width:100%是基于body,否则就是离基最近的一个position:relative的元素。
  3. 而对于position:fixed的元素,其一直是基于body,所以其宽度100%就是基于body。
码字很辛苦,转载请注明来自Zhe Yang@Shandong University《position:absolute探究》

评论