Posted on | by liu
在CSS中，相对父节点定位是定位的一种方法之一。当一个元素被相对定位时，它会保持在文档流中，并且依然占据原来的空间。但是，它的位置会相对于它的父元素偏移。
要给一个元素相对定位，大家需要使用position属性，并将它的值设置为”relative”。同时，大家还需要用top、right、bottom或left属性来指定元素相对于原来位置的偏移量。
例如，下面这段代码将一个div元素相对于其父元素向下移动10个像素：
p {
position: relative;
top: 10px;
}在这个例子中，
<p>元素被设置为相对定位，然后top属性被设置为10像素。因为元素没有设置left或right属性，所以它只会垂直移动，而水平位置不会改变。
相对定位可以非常有用，当大家需要在文档流中改变元素的位置时便可以使用。它不会破坏文档流，也不会影响其他元素的位置。但是，它只是改变元素相对于原来位置的偏移量，而不像绝对定位将元素彻底移出文档流。因此，在使用相对定位时，也需要考虑到元素在文档流中的位置和影响。
以上是关于CSS相对父节点定位的简单介绍。希望可以对您学习CSS有所帮助。