css中margin的% |css折纸

.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的时候可以根据不同的屏幕大小来自适应地控制网页的布局，为网站的响应式设计提供了很大的便利。