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

相对定位与绝对定位

绝对定位：当元素绝对定位时，元素脱离文档流，自成块级框，以父级元素为参照物进行定位，如元素没有父级，就往上寻找，一直到body。

相对定位：当元素相对定位时，元素不脱离文档流，以自身原点为参照物进行定位，定位后之前的元素框依然存在。

各位大神，我这么理解对不对，如果有错的还望指教，最好说详细的，拜托了

慕田峪9304305

2018-04-16

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

关注问题我要回答

1330

操作

收起

2 回答

慕函数6590268
2022-04-03

可以设置把，有没得什么可以包直接导入就可以改了呢？

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

收起回答

Annbest
2018-04-16

为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。