CSS的子絕父相（又稱為relative/absolute定位）是一種常用于圖文混排的定位方式。子元素通過設置絕對定位（position:absolute）相對于父級元素設置相對定位（position:relative）的位置，從而實現定位效果。

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
}

在上面的例子中，子元素.child絕對定位，并通過top和left屬性距離父元素的上左角為0。這樣就可以通過調整top和left屬性，來控制子元素在父級元素中的位置。

需注意的是，子元素的絕對位置是相對于父級元素進行定位的。這就意味著，如果父元素不存在相對定位，那么子元素的絕對位置則相對于整個文檔進行定位，這也就導致了子絕父相的名稱。

有時候，在父元素中還會添加其他元素，如背景圖和其他內容等。此時，子元素的絕對定位會導致其他元素的覆蓋，從而影響頁面的呈現。這時可以通過給父元素添加z-index屬性，來調整元素的層級，從而控制元素的覆蓋情況。

.parent {
position: relative;
z-index: 1;
}
.background {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

在上面的例子中，父元素和子元素仍然按照之前的方式進行定位，但通過添加z-index屬性，將父元素調整到一個較高的層級，使得它在子元素和背景之上。

總的來說，子絕父相是一種非常實用的定位方式，適用于各種圖文混排的場景。需要注意絕對定位的元素會有脫離文檔流的性質，如果需要對整個頁面進行布局調整時，需謹慎使用。