<div class="layui-container">
<!--行(一)-->
<div class="layui-row layui-col-space layui-bg-gray">
<!--左侧列(一)-->
<div class="layui-col-md6 ">
<!--上侧行(二)-->
<div class="layui-row layui-bg-red">
<!--左侧列(一)-->
<div class="layui-col-md9">
左上
</div>
右侧列(二)
<div class="layui-col-md3 layui-bg-black">
右上
</div>
</div>
<!--下侧行(二)-->
<div class="layui-row layui-bg-green">
<!--列(二)-->
<div class="layui-col-md12">
下
</div>
</div>
</div>
<!--右侧列(一)-->
<div class="layui-col-md4 layui-bg-cyan layui-col-md-offset2">
<!--左侧行(二)-->
<div class="layui-row">
<!--列(二)-->
<div class="layui-col-md12 layui-bg-black">上</div>
</div>
<!--下侧行(二)-->
<div class="layui-row">
<!--左侧列(二)-->
<div class="layui-col-md6 layui-bg-green">左下</div>
<!--右侧列(二)-->
<div class="layui-col-md6 layui-bg-red">右下</div>
</div>
</div>
</div>
</div>
layui栅格嵌套
最新推荐文章于 2023-03-14 21:34:35 发布