在CSS中，設置元素高度為100%一直都是一個非常有用的技巧。使用“height: 100％”可以讓元素的高度自適應父級容器的高度，同時保持響應式設計的完整性。下面是一個演示使用CSS將高度設置為100％的示例：

/* HTML 代碼 */
<div class="parent">
<p>這是父級容器</p>
<div class="child">
<p>這是子級容器</p>
</div>
</div>
/* CSS 代碼 */
.parent {
height: 400px; /* 設定父級容器高度 */
background-color: lightgray;
padding: 20px;
}
.child {
height: 100%; /* 設置子級容器高度為父級高度的100% */
background-color: gray;
padding: 10px;
}
.child p {
color: white;
font-size: 24px;
}

以上的代碼將創建一個父級容器和一個子級容器。父級容器設置了高度為400像素和灰色背景，同時內部包含一個段落。子級容器設置了高度為100％和灰色背景色，并內嵌了第二個段落，并設置相應的內邊距。最后，第二個段落設置為白色文本和較大字號。 運行代碼，你可以看到在父級容器中有一個灰色背景的段落，然后子級容器在其中，并具有相同的灰色背景和調整的高度。子級容器中的段落文本也是白色和較大字號。 總結一下，通過使用 CSS 中的“height: 100％”屬性，我們可以輕松地控制元素高度以適應父級容器的高度，并確保響應式設計的完整性。