在CSS中，盒子是頁(yè)面布局的基礎(chǔ)。無(wú)論是文本框、圖片框還是按鈕，都屬于盒子類型。那么問題來(lái)了，CSS盒子必須要有高度嗎？

答案是不一定。

在CSS中，盒子的內(nèi)容和邊框都是由元素的高度決定的。如果沒有設(shè)置高度，那么盒子的高度將會(huì)自動(dòng)根據(jù)內(nèi)容撐開，也就是說(shuō)，盒子的高度與內(nèi)容的高度相等。

.box {
border: 1px solid #ddd;
}

在上面的例子中，盒子沒有設(shè)置高度，但是依然可以正常顯示。這是因?yàn)閮?nèi)容撐開了盒子的高度。

然而，當(dāng)我們需要讓多個(gè)盒子高度相等時(shí)，就需要設(shè)置一個(gè)固定的高度。

.wrap {
display: flex;
}
.box {
border: 1px solid #ddd;
height: 100px;
}

在上面的例子中，我們使用了flex布局，并設(shè)置了盒子的高度為100px。這樣，所有的盒子高度都相同。

另外，當(dāng)盒子作為背景時(shí)，需要設(shè)置一個(gè)固定的高度。

.header {
background-color: #f9f9f9;
height: 80px;
}

在上面的例子中，設(shè)置了header盒子的高度為80px，使得使用背景的時(shí)候具有固定高度，從而更好的適配頁(yè)面。

綜上所述，CSS盒子并不是必須要有高度。當(dāng)需要控制多個(gè)盒子高度相等或者盒子作為背景時(shí)，需要設(shè)置一個(gè)固定高度。