CSS 中的子元素寬度相等是一個常見的問題。主要是因為在網頁布局中，經常需要將一些元素放在同一行中，而它們的寬度可能不同。這就會造成網頁排版不美觀。在這種情況下，我們可以使用CSS的子元素寬度相等來解決這個問題。

子元素寬度的設置，與父元素的寬度密切相關。我們可以在CSS中使用“display:inline-block;”來讓元素在同一行顯示，并且設置“width: 100%;”以確保它們具有相同的寬度。

.parent{
width: 500px;
}
.child{
display: inline-block;
width: 100%;
}

在這個例子中，我們通過設置父元素的寬度為500px，使得子元素的寬度相對于父元素進行計算。通過設置子元素的display屬性為inline-block，可以讓它們在同一行中顯示。并且設置寬度為100%，使它們具有相同的寬度。

需要注意的是，在使用子元素寬度相等時，必須保證父元素的寬度是固定的。如果父元素的寬度隨著網頁的調整而改變，那么子元素的寬度也會相應地發生變化，這將影響網頁的布局。

總之，CSS中的子元素寬度相等是一個簡單而有效的解決方案，可以讓我們在布局網頁時更加靈活和美觀。