layui格栅布局间距不生效不起作用原因

简单的原因,因为列内第一子元素,你css使用了absolute

改成relative调整一下看看。

<div class="layui-row layui-col-space10">
	<div class="layui-col-xs6"><div style="height:200px;"><img style="width:100%;" src="file.php?id=1" /></div></div>
	<div class="layui-col-xs6"><div style="height:200px;"><img style="width:100%;" src="file.php?id=2" /></div></div>
	<div class="layui-col-xs6"><div style="height:200px;"><img style="width:100%;" src="file.php?id=3" /></div></div>
</div>

例如上面的layui-col-xs6切记不要使用position:absolute

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注