间接父元素示例,这里相对于 body
- 可能会产生影响的信息说明:
- 1. 所有元素 box-sizing:border-box
- 2. 直接父元素使用了定位 position:relative
- 说明:
- 元素 1 离直接父元素顶部 top 为 10px,直接父元素离 body 顶部 top 为 158px,加上直接父元素的边框 1px,元素 1 距 body 顶部实际是 10 + 158 + 1 = 169。
- 元素 1 离直接父元素左边界 left 为 10px,直接父元素离 body 左边界 left 为 0px,加上直接父元素的边框 1px,元素 1 距 body 顶部实际是 10 + 0 + 1 = 11。