CSS是前端開發中必須掌握的一種技術，它可以使網頁的顯示效果更加美觀和合理。然而，在實際開發中，我們有時會遇到一些令人困擾的問題，比如CSS 100高度無效的問題。

height: 100%;

我們經常會使用CSS的height屬性來設置一個元素的高度，而height: 100%就是將元素的高度設置為其父元素的高度。但是，在一些情況下，我們會發現這樣的設置并沒有生效。

這是因為，要使height: 100%生效，我們需要滿足以下條件：

• 元素的父元素必須有一個明確的高度值。
• 元素的祖先元素中不能有任何元素的高度值為auto。
• 元素的父元素和祖先元素的高度值必須全部使用相同的單位。

如果上述條件有任意一項沒有被滿足，那么height: 100%都不會起作用，我們需要使用其他的方法來設置元素的高度。

解決CSS 100高度無效的方法有很多，我們可以使用絕對定位、flex布局等方法來實現。例如，使用flex布局可以輕松地將元素的高度設置為100%：

display: flex;
height: 100%;

以上就是關于CSS 100高度無效的問題的介紹和解決方法，希望能對前端開發者有所幫助。