绝对定位与相对定位的区别 css中，绝对定位和相对定位是什么意思?通常都是怎么用？

css中，绝对定位和相对定位是什么意思?通常都是怎么用？1. 创建一个新的HTML文件，输入两个div标签，然后使用style属性将div分别设置为绝对定位和相对定位，这样所有div都可以向左移动20

css中，绝对定位和相对定位是什么意思?通常都是怎么用？

1. 创建一个新的HTML文件，输入两个div标签，然后使用style属性将div分别设置为绝对定位和相对定位，这样所有div都可以向左移动20px，向上移动30px:

2。然后保存文件并打开浏览器查看效果，位置显示仍然很明显：

3。最后解释结果，绝对位设置是指浏览器页面左侧和顶部之间的距离，相对位置是指与正常标题之间的距离。以上是如何在CSS中使用绝对定位和相对定位

绝对定位有两个概念：第一个是卫星绝对定位，第二个是CSS定位中的绝对定位

绝对定位是将元素的左上角固定到浏览器窗口中指定且唯一的坐标点，如左：100px顶部：50px表示元素的左侧与浏览器窗口的左侧相距100个像素，而上部元素的侧面距离浏览器窗口100像素，嘴巴上方50像素。相对定位是相对于原位置平移后得到一个新的位置，即根据原位置确定新的位置，如左：10px顶部：20px是将元素向右移动10像素，向上移动20像素。比如在地球上，我们用经纬度来确定一个点的位置，这是绝对定位，而像“东南15公里”这样的点是相对定位。