CSS向上擴展是一種通過在父元素的樣式中添加行高(z-index)值，從而使子元素向上擴展其顯示范圍的方法。這種方法可以讓子元素更好地與父元素共存，并且在瀏覽器中顯示效果更加一致。

在CSS中，行高(z-index)是一個用于控制元素顯示位置的屬性。它通常是一個數字，表示元素相對于其上下文的“可見性級別”。例如，如果父元素的z-index屬性為1，那么子元素的z-index屬性應該設置為2或更高，以便在父元素上顯示。當子元素被設置為一個更高z-index值時，它會向上擴展，直到與父元素完全重疊。

使用CSS向上擴展的方法非常簡單。首先，在父元素的樣式中添加一個z-index值，使它高于所需的z-index值。然后，在需要將子元素向上擴展的樣式中，使用與父元素相同的z-index值，并將其設置為需要的高度。例如：

.parent {

position: relative;

width: 200px;

height: 200px;

.child {

position: absolute;

top: 0;

left: 0;

width: 100px;

height: 100px;

background-color: blue;

z-index: 2;

在上面的代碼中，父元素被定義為“.parent”，子元素被定義為“.child”，并且父元素的z-index值是2，子元素的z-index值是2。當子元素被設置為絕對定位時，它的高度為100像素，背景顏色為藍色。通過使用z-index屬性，子元素向上擴展并顯示在父元素上方，直到完全重疊。

需要注意的是，當子元素與父元素重疊時，可能會出現一些兼容性問題。例如，在某些情況下，瀏覽器將不允許將子元素向上擴展，直到它們完全重疊于父元素。因此，在實際應用中，需要根據具體情況進行測試和調整。

CSS向上擴展是一種非常實用的方法，可以讓子元素更好地與父元素共存，并且具有更好的兼容性。