在 CSS 中，子元素可以继承父元素的一些属性，包括宽度。当为父元素设置宽度时，子元素可以使用相对单位来继承宽度值。

.parent {
width: 500px;
height: 300px;
}
.child {
width: 50%;
}

如上所示，父元素的宽度为 500 像素，子元素的宽度为父元素宽度的一半，即 250 像素。

当父元素没有设置宽度时，子元素宽度将继承内容宽度。

.parent {
height: 300px;
}
.child {
width: 50%;
}

在这种情况下，子元素的宽度将是父元素内容宽度的一半。

如果想要子元素继承父元素的绝对宽度，可以使用 inherit 属性。

.parent {
width: 500px;
height: 300px;
}
.child {
width: inherit;
}

如上所示，子元素的宽度将继承父元素的 500 像素。

另外，在 CSS 中还存在一种叫做 calc() 函数的方法，可以通过简单的计算来确定子元素的宽度值。

.parent {
width: 500px;
height: 300px;
}
.child {
width: calc(100% - 20px);
/* 子元素宽度为父元素宽度减去 20 像素 */
}

总而言之，CSS 中可以通过各种方式来控制子元素的宽度值，具体还需根据实际情况来决定使用哪种方法。