在CSS中，長度是一個非常重要的概念，它用于設置各種盒模型尺寸以及字體大小等。其中，一個比較常見的長度單位是百分比。

.box{
width: 50%;
height: 50%;
}

在上述代碼中，我們可以看到width和height的值都被設置為50%。這意味著.box元素的寬度和高度都是其父元素寬度和高度的50%。這樣就實現了響應式布局，當父元素大小發生變化時，.box元素也會按比例縮放。

除了設置寬度和高度以外，百分比也可以用于其他CSS屬性。例如，用于設置文本大小：

p{
font-size: 150%;
}

在這個例子中，我們給p元素的字體大小屬性設置了150%。這表示p元素的文本大小會是其父元素字體大小的1.5倍。

需要注意的是，元素的百分比大小是相對于其父元素而言的。如果父元素沒有設置寬度、高度或字體大小，那么子元素的百分比也就無從談起了。因此，在使用百分比長度時，一定要確保父元素已經設置了相應的屬性值。

總的來說，CSS中的百分比長度是一個非常方便的工具，可以幫助我們實現響應式布局和靈活的尺寸調整。只要搞清楚其相對于父元素的計算規則，就可以輕松地應用它們到任何樣式中。