在body的子级上设置100%会溢出页面

的问题是因为100%是相对于父元素的宽度进行计算的。如果父元素的宽度小于或者等于页面的宽度，那么子级设置100%是不会溢出页面的。然而，如果父元素的宽度大于页面的宽度，子级设置100%就会超出页面范围。

为了解决这个问题，我们可以考虑以下几种方法：

1. 使用CSS的overflow属性来控制溢出的内容是否显示滚动条。通过将父元素的overflow属性设置为auto或者scroll，可以在超出父元素宽度时显示滚动条，这样页面就不会溢出。
2. 使用CSS的max-width属性来限制子级元素的宽度，确保不会超过父元素的宽度。可以将子级元素的max-width设置为100%或者一个具体的像素值来避免溢出。
3. 考虑使用响应式设计，使用CSS媒体查询来适应不同屏幕尺寸的布局。通过设置不同屏幕尺寸下的子级宽度，可以避免溢出问题。

以上是关于如何解决在body的子级上设置100%会溢出页面的问题的一些建议。具体实施时可以根据实际情况选择适合的方法。