问题：如何在固定大小的DIV层插入N多个图片
本文共 708 字，大约阅读时间需要 2 分钟。
这是贴友问的一个问题，具体需求是：
如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？
原以为利用overflow属性可以实现，但是测试失败。后来利用div层叠实现了效果。
HTML代码：
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
css控制样式：
1: .div{ 2: width:400px;
3: height:200px;
4: overflow-y:hidden; /*只出现水平滚动条*/
5: position: absolute;
6: }
7: .div1{ 8: position:absolute;
9: z-index:1;
10: }
11: .div2{ 12: position:absolute;
13: z-index:5;
14: left:200px;
15: top:0px
16: }
17: .div3{ 18: position:absolute;
19: z-index:10;
20: left:400px;
21: top:0px
22: }
效果：
来源：
你可能感兴趣的文章
Windows小技巧4——如何取消共享的文件夹
查看>>
跟我一起写 Makefile（一）
查看>>
跟我一起写 Makefile（二）
查看>>
跟我一起写 Makefile（三）
查看>>
双色球笔记2--保存所有双色球号码到MySQL
查看>>
爬虫笔记1--爬取墨迹天气
查看>>
转载1-Python 字符串操作
查看>>
爬虫笔记2--爬取2345网站历史天气
查看>>
C++ 重载、覆盖、隐藏
查看>>
Hyperledger Fabric笔记4--运行IBM Marbles项目
查看>>
Ubuntu小技巧13--grep命令详解
查看>>
Ubuntu小技巧17--常用软件服务配置方法
查看>>
Windows小技巧8--VMware workstation虚拟机网络通信
查看>>
设计模式笔记1--单例模式
查看>>
数据结构与算法2--数组常见操作
查看>>
数据结构与算法3--树常见操作
查看>>
双色球笔记3--输出所有中奖号码
查看>>
双色球笔记4--爬取500彩票网站双色球开奖信息
查看>>
读写CSV文件
查看>>
RIDE屏蔽INFO级别的日志输出
查看>>