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來確保元素始終保持一致的比例。