还是没有搞太清楚fixed和absolute的区别 -慕课网

                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

还是没有搞太清楚fixed和absolute的区别

阿拉不斯加

2014-09-18

源自：初识HTML(5)+CSS(3)-升级版 13-8

关注问题我要回答

807

操作

收起

3 回答

long1sha2
2014-10-07

补充一下，当视图内容较少用不到滚动条时：

如果a没有设置relative 而b设为absolute,b的定位就是相对于浏览器（即body）进行，此时b的绝对定位和固定定位看起来是一样的效果。而当需要滚动条时，固定定位可以类比成网页上一直出现重未移动的那类背景。

0 回复有任何疑惑可以回复我~

收起回答

折叠幸福
2014-09-20

positon有4个属性:static relative absolute fixed,默认的时候是static即静止定位,是按照元素在(x)html出现的顺序依次分配位置,static是不受top right left bottom影响的.当父层a的position设为relative(相对定位) 子层b的position设为(绝对定位)时,b的偏移是相对于父层a来定位,例如top:10px的偏移量就使b的顶部和a的顶部有10px的距离.但是如果a没有设置relative 而b设为absolute,b的定位就是相对于浏览器进行,此时top:10px会使b出现在离浏览器上方10px的地方.自己试下就最清楚了.