position属性 CSS的position属性完全解析(5/6)

本篇文章主要介绍了"position属性 CSS的position属性完全解析"，主要涉及到position属性方面的内容，对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 一、定位基本原理对于前端开发工程师来说，编写CSS是前端开发工作中必不可少的一个内容，在CSS中的position属性又是非常重要的一个方面。顾名思义，所谓po...

1. body{   
2. A {position：relative; overflow: scroll;}   
3. A-1 {position: relative;}   
4. }  

效果：A-1会根据A滚动条的滚动而滚动分析：跟示例1.2一样，当父节点A设置了position之后，子节点A-1还是遵循正常的文档流，因此A-1会受它父节点属性的影响
/>示例2.3:(重点, 注意跟1.3示例对比)

CSS Code复制内容到剪贴板

1. body{   
2. A {position：relative; overflow: scroll;}   
3. A-1 {position: absolute;}   
4. }  

效果：A-1会根据A滚动条的滚动而滚动分析：当父节点A设置了position之后，效果就跟示例1.3不一样了，这时A-1会受到离它自己最近的一个设置了position属性的父节点的影响，再看下面一个示例：

CSS Code复制内容到剪贴板

1. body{   
2. A {position：relative; overflow: hidden;}   
3. A-1 {overflow: scroll;}   
4. A-1-1 {position: absolute;}   
5. }  

注意：这时A-1-1不会收A-1的影响，但是会受到A的影响
示例2.4:

CSS Code复制内容到剪贴板

1. body{   
2. A {position:relative; overflow: scroll;}   
3. A-1 {position: fixed;}   
4. }