在網(wǎng)頁開發(fā)中，CSS 的寬度設(shè)定是非常重要的，尤其當(dāng)多個子元素同時出現(xiàn)時。同一個容器元素中不同的子元素，可以通過 CSS 控制它們的寬度，從而實現(xiàn)分列、并列、分行、并行等各類排列方式。

/* 代碼示例1：并列排列 */
.container {
display: flex;
}
.box {
width: 33.33%;
}
/* 代碼示例2：分行排列 */
.container {
display: flex;
flex-wrap: wrap;
}
.box {
width: 50%;
}
/* 代碼示例3：分列排列 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.box {
width: 100%;
}
/* 代碼示例4：并行排列 */
.container {
display: grid;
grid-template-rows: 100px 100px;
}
.box {
width: 50%;
}

以上是幾種常見的寬度排列方案。需要注意的是，在使用子元素寬度屬性時，盡量使用百分比或 rem/em 這樣的相對單位，避免使用 px 等固定單位，以兼容不同設(shè)備的屏幕尺寸和像素密度。