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

.example {
margin: 10% 5%;
}

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

需要注意的一點(diǎn)是，在使用百分比值作為margin的時(shí)候，如果父元素的寬度是變化的，那么對(duì)應(yīng)的margin也會(huì)跟隨變化。這對(duì)于響應(yīng)式設(shè)計(jì)的網(wǎng)站來(lái)說(shuō)是非常有用的。我們可以根據(jù)不同的屏幕大小來(lái)設(shè)置對(duì)應(yīng)的margin值，以此控制網(wǎng)頁(yè)布局的美觀。

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

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

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

總而言之，CSS中的margin屬性是一個(gè)非常實(shí)用的屬性。使用百分比值作為margin的時(shí)候可以根據(jù)不同的屏幕大小來(lái)自適應(yīng)地控制網(wǎng)頁(yè)的布局，為網(wǎng)站的響應(yīng)式設(shè)計(jì)提供了很大的便利。