Page 28 - 嘉和资讯九十四期

设计部专栏

通常我们在组合一个界面（如上）的时候是这样婶儿滴 ~

Step1 先铺个底色，这里我们设置大背景为白色 #fff，so easy 是不是？

Step2 放置盒子，设定好宽高、颜色、圆角、内外边距

知识点：

通常，左右外边距相等为固定数值，左右内边距相等为固定数值，上下内边

距相等为固定数值，盒子的宽高为响应式自适应。

小提示：

内边距，外边距如何得出呢？

本例中，我们可以通过蓝湖上“征集人数”与蓝盒子的对距顶距左的距离得

出盒子的内边距数值，宽度 = 页面宽度 - 外边距 *2 【适配严格】