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

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

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

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

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

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

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