CSS3中的per是一个非常有用的属性，它可以用来指定一个元素的尺寸，这种尺寸不是像素或者是点数，而是一个相对于父元素的百分比。

使用per可以使得我们的布局变得更加灵活，因为它可以帮助我们在不同大小的屏幕上保持一致的外观。一个明显的例子就是当我们需要创建一个自适应的网格布局时，per是非常有用的。

让我们来看一下一个基本的例子，下面是一个HTML代码，它包含一个父元素div和两个子元素，我们可以使用per属性来控制两个子元素的宽度，以便它们占用父元素的不同百分比。

<div class="container">
<div class="box box1"></div>
<div class="box box2"></div>
</div>

在上面的例子中，父元素的宽度被设置为100%。两个子元素的宽度分别被设置为25%和75%，这意味着它们分别占据了父元素的1/4和3/4，这就是通过per相对于父元素指定的宽度。

需要注意的是，在使用per时，我们应该尽量避免使用固定的像素或点数作为基准。如果我们的网站需要在不同大小的设备上工作，则应该使用per来确保元素始终保持一致的比例。