Html基本定位
作者：互联网
在HTML中有基本的定位三种：
固定定位：相对于浏览器定位
相对定位：相对于原本的位置（依然会占据原来的空间）
绝对定位：相对于距离它最近的已定位父级定位
以上代码下面是的效果，如下图所示
两个像素块未能重合的原因是因为：绝对定位是根据距离他最近的已定位父级定位，由上述代码可知#jueDui的父级为body，但是父级body为空，所以寻找更上一级为html，也就是浏览器页面。相对定位比绝对定位偏离8个像素，因为相对定位不能脱离文档流，所以相对定位会多出8个元素（浏览器页面margin为8px）。两者重叠只需要将绝对定位的left改为108px，两者即可重叠。
固定定位：蓝色元素块为固定定位，随着浏览器页面的变化而变，但相对于浏览器位置不变，例如百度的右边提示
无论怎么滑动页面，它相对于页面的位置不变。
标签：基本,定位,浏览器,父级,相对,绝对,Html,页面 来源： https://www.cnblogs.com/reverse-x/p/15511025.html