css中定位的祖先元素 |css flex 靠右

祖先元素是指一个元素的所有父级和父级的父级，一直到最顶层的祖先元素。在CSS中，定位元素的位置是相对于其祖先元素定位的。
举个例子，如果大家想要让一个图片在页面上居中，大家可以使用如下的CSS代码：
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
在这里，大家给图片的父级元素加上了position: relative属性，使得图片的定位是相对于其父元素进行的。如果没有这个属性，图片的定位会相对于页面的body元素进行。
在CSS中，元素的默认定位方式是static，也就是流式定位。对于静态定位的元素而言，它们并不会影响其他元素的布局。如果大家需要使用定位进行布局，大家可以将它们的position属性设为relative、absolute、fixed或sticky等。
需要注意的是，如果大家在使用定位元素的时候，它没有显示的祖先元素，那么它的祖先元素会默认为页面的body元素。
总结一下，CSS中的定位是相对于定位元素的祖先元素进行的。当大家需要使用定位元素进行布局时，通常需要将它们的position属性设为relative、absolute、fixed或sticky等。在使用时需要注意祖先元素的显示性和层次关系，以便能够达到大家想要的效果。