網頁設計中，固定高度與自適應高度都是常見的布局方式。在某些情況下，兩種方式都可以使用，但需要根據實際情況進行選擇。CSS中，可以通過設置height屬性來控制盒子的高度。這里介紹一種使用CSS實現高度固定自適應的方法。

.box{
height: 100px;
overflow: hidden;
}
.box p{
display: inline-block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

首先，給盒子設置一個固定的高度，這里是100px。然后，通過設置盒子的overflow屬性為hidden，實現內容超出部分的隱藏。這時候，盒子的高度就是固定的了。

接下來，在盒子內部的每個

元素中，設置display屬性為inline-block，使其可以根據盒子的寬度進行自適應。然后，設置

元素的width屬性為100%，使其寬度與盒子的寬度相同。同時，設置

元素的text-overflow屬性為ellipsis，使其溢出部分顯示為省略號。最后，通過設置

元素的overflow屬性為hidden，以及white-space屬性為nowrap，實現內容超出部分的隱藏和不換行。

當

元素中的內容超出盒子的高度時，由于盒子的overflow屬性為hidden，超出的部分會被隱藏，顯示省略號。這樣，就實現了高度固定和自適應的效果。

以上就是使用CSS實現高度固定自適應的方法，適用于一些需要同時滿足高度固定和內容自適應的情況。