CSS中的塊元素在布局中扮演著重要的角色，然而在一些情況下我們會發現這些塊元素并沒有默認的高度，這給我們的布局帶來了很大的麻煩。那么我們應該如何解決這個問題呢？

/* 以下為示例CSS代碼 */ 
.box {
width: 200px;
border: 1px solid black;
}
.img {
width: 100%;
height: auto;
}

首先，我們來看一下塊元素沒有默認高度的原因。在CSS中，塊元素的高度是由其內部元素的高度決定的，如果塊元素內沒有任何內容，那么其高度就會是0。另外，如果塊元素內的元素都是浮動或定位元素，那么塊元素的高度也是0。

那么，我們該如何解決這個問題呢？有以下幾種方法：

1. 為塊元素添加內容，可以通過在塊元素內添加文字、圖片等內容來給塊元素設置高度。如果只是為了占位，也可以通過設置透明的文字或背景來實現。

這是一段文字

2. 使用偽元素，可以通過給塊元素添加偽元素來實現高度占位。需要注意的是，偽元素要設置為塊元素才能繼承其父元素的寬度。

/* 以下為示例CSS代碼 */ 
.box::before {
content: "";
display: block;
height: 20px;
}

3. 設置清除浮動，如果塊元素內有浮動元素，可以通過在塊元素中添加一個清除浮動的元素來撐開塊元素的高度。

這是一段文字
/* 以下為示例CSS代碼 */ 
.clear {
clear: both;
}

總之，塊元素沒有默認高度是一個常見的問題，但是通過一些簡單的方法，我們可以輕松實現高度占位，使我們的布局更加完美。