如何设置各模块间的距离（可视化操作）-如意宝魔方建站平台

未修改前的效果图：（很明显看到顶部logo下面跟导航栏目之间有空白的间隙）

修改后的效果图：

首先进入需要修改的页面，此页面为产品页面，第一步我们要找到这个页面即——“产品列表”这个页面，步骤如下：

先找到“系统设置”——“页面文件管理”，然后找到“产品列表”页面，如下图1.1所示：

（图1.1）

	第二步：选中要进行间距调整的功能块，这个地方我们要调整的是“导航与顶部”间的距离，有二种方法可以进行调整； 1.顶部距底部的距离，2导航距顶部的顶部距离，二种方法均可；我们用第二种方法；

	第三步：右键点击该功能块，选中后颜色会有有变化，变化的区域即为选中的区域，如下图1.2所示选项（图1.2）

第四步：选择如下图1.3所示选项“方框”——外间距(margin)；这个地方是顶部与导航之间的间距太大，我们要调小些，
那么我们就调整距顶部的距离，设为-4；
具体的数值设置，事先是没有办法一下子设置准确的，可以根据自己的判断，设置后，看下效果，再进行调饰。

（图1.3）
注意：在设置值的时候，这个值可以是负值如-4，也可以是正值4，这个要根据是想让他间距拉大还是缩小来定的，
如上图，想让顶部与导航间的距离缩小，那么我们就用负值；反之则用正值；