使用CSS生成的形状会使父容器溢出

是因为CSS生成的形状通常是通过使用伪元素（如:before和:after）或者transform属性来实现的，这些形状并不会改变父容器的大小和布局，导致父容器无法自动适应形状的大小。

为了解决这个问题，可以采取以下几种方法：

1. 使用overflow属性：将父容器的overflow属性设置为hidden，可以隐藏溢出的内容，但是这样会导致溢出的形状被裁剪掉。
2. 使用position属性：将父容器的position属性设置为relative或者absolute，然后将生成的形状的position属性设置为absolute，并通过top、left等属性来调整形状的位置。这样可以使得形状相对于父容器进行定位，但是需要手动调整形状的位置和大小。
3. 使用padding属性：通过给父容器添加padding来为形状留出空间，这样可以避免溢出的问题，但是需要手动计算和调整padding的值。

总结起来，使用CSS生成的形状会使父容器溢出，可以通过设置overflow属性、position属性或者padding属性来解决溢出的问题。具体的解决方法需要根据实际情况来选择和调整。