CSS繼承高度是個很重要的概念。當子元素沒有設置具體的高度或者高度是auto時，它會繼承父元素的高度來確定自己的高度。
例如：
<!DOCTYPE html>
<html>
<head>
<style>
#parent{
height: 100px;
}
#child{
width: 50px;
background-color: red;
}
</style>
</head>
<body>
<div id="parent">
<div id="child"></div>
</div>
</body>
</html>上面的代碼中，父元素設置了height: 100px，子元素沒有設置高度，因此子元素的高度會自動繼承父元素的高度，也就是100px。
需要注意的是，在一些情況下，繼承高度并不會按照我們的預期工作。例如：
<!DOCTYPE html>
<html>
<head>
<style>
#parent{
height: auto;
}
#child{
width: 50px;
background-color: red;
}
</style>
</head>
<body>
<div id="parent">
<div id="child"></div>
</div>
</body>
</html>在這個例子中，父元素的高度被設置為auto，子元素也沒有設置高度。此時，子元素并不會繼承父元素的高度，而是默認套用了父元素的“基本尺寸”，例如padding、border、margin等值。這時，如果想要繼承父元素的高度，需要把父元素的高度設置為具體值，例如100px。
總結一下，CSS繼承高度可以讓我們更方便地處理元素高度的問題，但需要注意一些特殊情況，并且需要在元素上正確地設置height或者將height保留在父元素中。
上一篇mysql注冊程序
下一篇css 絕對定位動畫