layui布局

Layui 使用layui-container container来指明一个容器版本

<div class="layui-container container" style="background:#ffabcd;height:500px">

</div>

他会随着不同的分辨率显示出不同的宽度，

例如在1200px这个范围他的宽度就就会显示成1170px

然后可以使用layui-col-md[x]来根据百分比显示宽度，

一共分为12份一份占 100/12 也就是 8.33333%

例如如果要三等分就三个layui-col-md4就好了

    <div class="layui-container container" style="height: 500px">
        <div class="layui-col-md4" style="background: #ffabcd; height: 500px"></div>
        <div class="layui-col-md4" style="background: #abcdff; height: 500px"></div>
        <div class="layui-col-md4" style="background: #aacc66; height: 500px"></div>
    </div>