请问CSS的固定定位和绝对定位的区别是什么？我认固定定位是以浏览器窗口为参照，绝对定位是以父级元素

html-css020

请问CSS的固定定位和绝对定位的区别是什么？我认固定定位是以浏览器窗口为参照，绝对定位是以父级元素,第1张

绝对定位是脱离文档流的，就是从原来的位置是被删除了的。他的定位基准是最近的被定位的父级元素，若没有就一直往上一级直到body。固定定位和绝对定位的差别就是它是以浏览器的窗口或其他设备的屏幕为定位基准，所以它会随着页面滚动而移动。至于一个元素，绝对定位是会随着父级的改变而改变。其他的应该没什么了。

可以用css定位让指定层在浏览器正中间。

1、新建html文档，在body标签中添加一个div标签，为这个标签设置宽高，这里以200px为例：

2、添加定位代码“position: absolute”，并且设置相对左侧和顶部的距离为“50%”：

3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半，这时指定层就会在浏览器的正中间：