当父节点设置position值为非static情况下，子节点position的四种值的分析：
示例2.1:
CSS Code复制内容到剪贴板
body{
A {position：relative; overflow: scroll;}
A-1 {}
}
效果：A-1会根据A滚动条的滚动而滚动
分析：跟示例1.1一样，当父节点A设置了position之后，子节点A-1还是遵循正常的文档流，因此A-1会受它父节点属性的影响
示例2.2:
CSS Code复制内容到剪贴板
body{
A {position：relative; overflow: scroll;}
A-1 {position: relative;}
}
效果：A-1会根据A滚动条的滚动而滚动
分析：跟示例1.2一样，当父节点A设置了position之后，子节点A-1还是遵循正常的文档流，因此A-1会受它父节点属性的影响
示例2.3:(重点, 注意跟1.3示例对比)
CSS Code复制内容到剪贴板
body{
A {position：relative; overflow: scroll;}
A-1 {position: absolute;}
}
效果：A-1会根据A滚动条的滚动而滚动
分析：当父节点A设置了position之后，效果就跟示例1.3不一样了，这时A-1会受到离它自己最近的一个设置了position属性的父节点的影响，再看下面一个示例：
CSS Code复制内容到剪贴板
body{
A {position：relative; overflow: hidden;}
A-1 {overflow: scroll;}
A-1-1 {position: absolute;}
}
注意：这时A-1-1不会收A-1的影响，但是会受到A的影响
示例2.4:
CSS Code复制内容到剪贴板
body{
A {position:relative; overflow: scroll;}
A-1 {position: fixed;}
}
效果：A-1不会根据A滚动条的滚动而滚动
分析：跟1.4示例一样，当子节点的position属性设置为fixed之后，不管的父节点是否设置了position值，都只会受到body节点的影响，其他任何节点都不会影响它
