绝对定位相对于父元素的内边框

163 阅读1分钟

不论是标准盒子还是IE盒子都这样

  1. 如果子元素设置了绝对定位且没有设置left,top,right,bottom等

    不管父元素有没有定位,子元素都会相对于父元素的内边框进行定位

2020111422085533.png

  1. 如果子元素设置绝对定位并且设置了left,right,bottom,top等
    如果父元素有定位,就相对于父元素的内边框进行定位

20201114221049539.png

如果所有祖先元素都没有定位那么就相对于屏幕左上角进行定位(这里设置top为0,没有设置left,所以left还是在父元素内边框)

20201114221121764.png