如何实现更灵活的页面布局

一、使用场景　

一个网站内包含有许多模块与内容，在建站的时候灵活的调整页面版式，网站的布局会出现不同的视觉与体验效果，在元科建站时，你可以使用以下几种方法，实现灵活的页面布局。

二、案例图

三、具体操作步骤如下

方法1：使用“自由版式”设置页面布局

在建站时，使用“自由版式”，实现网站不同板块的自由增删。

登录帐号，在管理中心选择-企业网站管理-电脑版-样式-样式设置-版式，点击数字板块可直接增删该区域，绿色区域表示为已选区域，网站的模块可放置于这些已选区域，如图：

方法2：使用“浮动模块”调整页面布局

除了使用“自由版式”改变页面布局外，也能通过“浮动模块”功能，让模块动起来，通过随意摆放来调整页面布局。

具体操作：把鼠标移动到想要浮动的模块处，点击鼠标右键，设置模块状态选择“浮动状态”，这时模块就处于浮动状态，您可以自由拖动模块到任意位置，或者拉动模块边框来调整模块的大小尺寸，如图：

方法3：使用“模块列”模块，实现多列自由排版

当出现多个模块需要并列排版的时候，可以使用“模块列”模块，实现模块排版上的并列效果。

具体操作：1）进入网站，点击网站页面上的“模块”按钮。

网页侧边出现侧拉栏目，点击“排版”，选择“多列排版”模块，例如选择三列排版效果，如图：

2）选择后，页面出现一个三列的排版，把想要添加的模块，拖动放置到想要添加的模块列上，如图：

3）放置好模块之后，即可看到模块的并列效果，如图：