CSS是網頁設計中不可或缺的一部分，它可以讓網頁變得更加美觀和用戶友好。然而，在CSS的使用過程中，有時候我們會遇到一些奇怪的問題，比如CSS打印高度無作用。

div {
height: 100px;
}
@media print {
div {
height: auto !important;
}
}

在上面的代碼中，我們給一個DIV元素設置了高度為100像素，但是在打印時，這個高度不起作用。為什么會出現這種情況呢？

原因是因為在打印時，瀏覽器會忽略所有的高度設置，包括行高、外邊距和內邊距。因此，無論我們怎么設置這些屬性，都不會改變打印結果。反而會導致打印出來的頁面錯亂或者縮小。

為了解決這個問題，我們可以使用@media print媒體查詢來重新定義我們的樣式。在上面的代碼中，我們使用了一個!important聲明，這個聲明告訴瀏覽器無論如何都要使用這個高度。

除此之外，我們還可以使用JavaScript來設置打印樣式，這種方法比較靈活，可以根據用戶的具體需求來定制。例如，我們可以單獨設置某個元素在打印時的樣式，或者修改字體大小、背景顏色等屬性。

總之，CSS打印高度無作用是一個比較奇怪的問題，但是我們可以通過媒體查詢或JavaScript來解決。在實際開發中，我們應該根據需求靈活運用這些技巧，在打印樣式上做出最佳的表現。