CSS中的margin屬性在網頁布局中起到了很重要的作用。除了可以使用具體的像素值或者em單位之外，margin還可以使用百分比值進行設置。在使用百分比值作為margin的時候，其具體的數值是相對于父元素的寬度計算的。

.example {
margin: 10% 5%;
}

上面這段代碼表示將.example元素的上、下margin設置為父元素寬度的10%，左右margin設置為父元素寬度的5%。如果.example元素的父元素寬度為1000px，那么上下margin將會是100px，左右margin將會是50px。

需要注意的一點是，在使用百分比值作為margin的時候，如果父元素的寬度是變化的，那么對應的margin也會跟隨變化。這對于響應式設計的網站來說是非常有用的。我們可以根據不同的屏幕大小來設置對應的margin值，以此控制網頁布局的美觀。

而且，除了直接使用百分比值作為margin之外，我們還可以將它們混合使用。如下面這個例子：

.example {
margin: 5% 10px 15% 20px;
}

上面這段代碼表示將.example元素的上margin設置為父元素寬度的5%，右margin設置為10px，下margin設置為父元素寬度的15%，左margin設置為20px。

總而言之，CSS中的margin屬性是一個非常實用的屬性。使用百分比值作為margin的時候可以根據不同的屏幕大小來自適應地控制網頁的布局，為網站的響應式設計提供了很大的便利。