在web開發中，我們經常需要設置元素的高度來達到頁面布局的效果，而CSS是我們常用的樣式設置方式之一。然而，有時候你會發現無論你如何設置元素的高度，元素始終保持著默認的高度，這時很有可能是由一些常見的問題導致的。

/* 錯誤示例 */
div {
height: 100%;
}

首先，如果你想將一個元素的高度設置為100%，那么這個元素的祖先元素的高度一定要是已知的，否則該元素無法繼承高度值。如果你的元素的祖先元素高度未知，那么該元素的高度設置為百分比相對于未知高度是沒有意義的。因此，你需要先確定祖先元素的高度。

/* 正確示例 */
html, body {
height: 100%;
}
div {
height: 100%;
}

其次，如果你的元素設置了box-sizing為border-box，并且該元素的高度設置了padding或border，那么這個元素的實際高度會是內容區域的高度加上padding和border部分的高度，而非你所期望的高度。因此，你需要將元素的高度減去padding和border的高度，得到內容區域的高度。

/* 修正示例 */
div {
box-sizing: border-box;
height: 100%;
padding: 20px;
border: 1px solid #ccc;
}

最后，還有一個常見的問題是元素本身沒有內容，導致元素高度為0。這時你可以在元素中添加一些文本內容來占位，或者通過設置min-height屬性來保證元素的最小高度。

/* 修正示例 */
div.empty {
min-height: 50px;
}

總之，CSS設置元素高度沒有用可能是由一些常見的問題所導致，我們需要一一排查，才能達到預期的效果。以上就是小編的一些總結，希望對你有所幫助。