原以为 利用 overflow属性可以实现，但是测试失败。后来利用div层叠实现了效果。
HT ML 代码：&nbs p;
复制代码
代码如下:
<!-- 如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？ -->
<!DOCTY PE html>
<html>
<head>
< ;m eta http-equiv="content -t ype" content="text/html;charset=utf-8">
</head>
<body>
<div class="div">
<div class="div1">< img src=" test1 . jpg "></div>
<div class="div2"><img src=" test2 .jpg"></div>
<div class="div3"><img src=" test 3.jpg"></div>
</div>
</body>
</html>
css控制样式：
复制代码
代码如下:@H_ 304 _43@.div{
width:400px;
h ei ght:200px;
overflow-y:hidden; /*只出现水平滚动条*/
pos IT ion: absolute;
}
.div1{
position:absolute;
z -i ndex:1;
}
.div2{
position:absolute;
z-index:5;
left:200px;
top:0px
}
.div3{
position:absolute;
z-index:10;
left:400px;
top:0px
}
效果：
总结
以上是 为你收集整理的 在固定大小DIV层插入N个图片使其一行排列 全部内容，希望文章能够帮你解决 在固定大小DIV层插入N个图片使其一行排列 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于在固定大小DIV层插入N个图片使其一行排列的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did204893