CSS中的百分比（%）是一種非常有用的長度單位，它可以根據父元素的大小來調整元素的大小、位置、內外邊距等屬性。以下是CSS中使用百分比的幾種情況：

/* 設置一個寬度為父元素寬度的50% */
.box {
width: 50%;
}
/* 設置一個高度為屏幕高度的50% */
.page {
height: 50vh;
}
/* 設置內外邊距為父元素寬度的10% */
.box {
padding: 10%;
margin: 10%;
}
/* 設置一個元素的字體大小為父元素字體大小的150% */
.big {
font-size: 150%;
}

在這些例子中，我們可以看到百分比單位的靈活性。它可以使元素在各種屏幕尺寸下表現得很好，并且可以完全適應其父元素的大小。但是，使用百分比也需要注意一些問題：

• 百分比單位可能受到不兼容或受限的限制。例如，某些瀏覽器可能不支持以百分比為基礎的寬高計算。
• 百分比單位通常應根據需要進行小數點處理，否則可能會導致四舍五入誤差和不期望的結果。
• 多元素使用百分比時需要考慮到其它元素對其布局的影響，避免重疊、遮擋、間距等問題。

在實際開發中，我們可以充分利用百分比單位，提高頁面的自適應性和響應性。但是要在使用時認真考慮各種情況，確保良好的體驗和可用性。