CSS是一種用于控制網頁布局和樣式的語言。在CSS中，我們可以使用子容器占比的特性來更好地控制子元素的排列和大小。

.container {
width: 100%;
}
.container .box {
width: 50%;
float: left;
}
.container .box:nth-child(odd) {
background-color: #f2f2f2;
}
.container .box:nth-child(even) {
background-color: #d9d9d9;
}

在該示例中，我們創建了一個名為.container的父元素，并將其寬度設置為100%。接下來，我們為其子元素.box設置了寬度為50%和float:left屬性，以便讓它們排列到一行上。

我們還使用了:nth-child()偽類選擇器來分別為奇數和偶數的子元素設置不同的背景顏色。這個方法可以幫助我們更好地組織子元素的排列和區分不同類型的元素。

總之，使用CSS子容器占比可以讓我們更好地控制網頁布局和樣式，提高網頁的可讀性和用戶體驗。