css中绝对和相对的区别

在CSS中，有两种不同的定位方式，即绝对定位和相对定位。

绝对定位是相对于某一个父级元素进行定位，这个父级元素必须是已经定位的元素（即父元素的position值为absolute、fixed或relative）。绝对定位可以使用top、bottom、left、right属性来定义元素在父级元素中的具体位置。

.abs{
   position:absolute;
   top:50px;
   left:100px;
}

相对定位是相对于元素本身所在的位置进行定位。相对定位的元素在正常的文档流中仍然占有原有位置，只是视觉上改变了位置。相对定位可以使用top、bottom、left、right属性来定义元素在原有位置上的偏移。

.rel{
   position:relative;
   top:10px;
   left:-20px;
}

总的来说，绝对定位可以用来创建浮动的元素，而相对定位则可以用来微调元素的位置。