css怎么排列可以让元素自动层叠

问题描述

问 题

当图片较少的时候，在一个div中排版如下(正常情况）：

当图片较多的时候，在一个div中排列的时候，怎么做到如下(后面的图片自动覆盖前面的图片)：

只用css构建能实现不？

解决方案

反对 @CRIMX 的答案

所谓的「覆盖」只是视觉上展示的效果，而不是布局中真实的覆盖，所以并不一定必须脱离文档流进行层叠，更何况不脱离文档流简单使用 relative position 也可以实现覆盖。

这个问题中的布局要求如果使用 Flex 的话可以比较方便的解决，详细的实现直接上 DEMO：
https://codepen.io/cool_zjy/p...

这篇关于css怎么排列可以让元素自动层叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！