如何在隱藏父 Div 的同時顯示子 Div？

在隱藏的父Div 中顯示子Div

在某些程式設計場景中，可能會遇到需要顯示子Div 的情況顯示可見，而父Div 保持隱藏。這可以使用特定的 CSS 屬性來實現。

程式碼細分：

提供的HTML 程式碼包括一個帶有「Main-Div」類別的Parent Div 和一個Child嵌套在其中的Div 稱為「Inner-Div」。最初，使用 CSS 屬性「display:none」隱藏「Main-Div」。

為了讓「Inner-Div」可見，同時保持「Main-Div」隱藏，以下CSS 屬性是應用：

1. 可見性：對子Div 可見： 這確保了「Inner-Div」無論其父元素的可見性如何，都會變得可見。
2. 可見性：對父 Div 隱藏： 這會從視圖中隱藏“Main-Div”，同時仍允許顯示其子元素。
3. 父級的寬度：0，高度：0，邊距：0，填充：0 Div： 這些額外的CSS 屬性將「Main-Div」折疊為零大小，使其實際上不可見，而不影響其在頁面上所佔用的空間。

範例：

.parent>.child {
    visibility: visible;
}

.parent {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

透過實作這些CSS 屬性，可以在隱藏的父Div 中擁有可見的子Div，如提供的JSFiddle 範例。

以上是如何在隱藏父 Div 的同時顯示子 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！