css中宽度的%是相对于谁

CSS中的宽度百分比是相对于一个元素的父级元素的宽度定义的。

.parent {
  width: 800px;
}

.child {
  width: 50%;
} 

在上面的例子中，子元素的宽度被设置为50%，这意味着子元素的宽度将是其父元素的50%。在此示例中，父元素的宽度为800像素，因此子元素的宽度为400像素。

这种方法非常有用，因为它允许我们创造灵活的布局。例如，我们可以使用百分比来创建响应式设计，可以自适应不同大小的屏幕。此外，它也可以让网页更易于阅读和浏览。