在移动端的web想使用flex来进行布局，布局成4x4的，也就是把子元素的宽度设置为25%
子元素是图片，图片分正反两面，点击的话会进行3D翻转
现在主流的做法是这样的 查看
但是问题来了，这里面使用了position: absolute;这种属性
导致的问题是，无法让图片进行正常的布局，不设置这个图片的高度的话就没有高度，设置了的话就不会自动收缩布局了
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1180
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
建议将两张图片放到一个容器里进行操作吧。将容器的flex值设为1来进行布局。给图片设置position：absolute的话flex就没有意义了吧。