如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？ 原以为利用overflow属性可以实现，但是测试失败。后来利用div层叠实现了效果。 HTML代码：&复制代码代码如下:&!-- 如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？ --& &!DOCTYPE html& &html& &head& &meta http-equiv="content-type" content="text/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="test3.jpg"&&/div& &/div& &/body& &/html&css控制样式：&复制代码代码如下:.div{ width:400 height:200 overflow-y: /*只出现水平滚动条*/ position: } .div1{ position: z-index:1; } .div2{ position: z-index:5; left:200 top:0px } .div3{ position: z-index:10; left:400 top:0px }&效果：如何在div中加入本地图片？_百度知道
如何在div中加入本地图片？
&div& &div img src=&img/006 1.gif&/&&/div& &/div& 我写图片啥呢
图片页面同级img文件夹内文件名 006 1.gif能能直接代码告诉我我懂编程自想图填进行啦PS：我要添加gif图其所要弄背景图片
提问者采纳
代码写错&div& &div &&img src=&img/006 1.gif&/&&/div& &/div&
图片出来啦！！！谢谢你！再问一下~&div&&div&&img src=&img/001 1.gif&/&&/div&&/div&&div&&div&&img src=&img/002 1.gif&/&&/div&&/div&这样子图片都是一竖行，能不能让他们横着排呢？谢谢！会选你最佳的~
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&&html xmlns=&&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&title&无标题文档&/title&&style type=&text/css&&div {
height: 100
width: 100}&/style&&/head&&body&&div&
&div&&img src=&img/001 1.gif&/&&/div&&/div&&div&&div&&img src=&img/002 1.gif&/&&/div&&/div&&/body&&/html&
提问者评价
谢谢啦！小鸡都横向排布啦~
其他类似问题
为您推荐：
其他2条回答
div背景图片设img/006 1.gif或者&div&&img .../&&/div&图片添加div面
代码有误img是单独的标签
您可能关注的推广
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁我在DIV中字体旁边中如何添加一个图片呢_已解决 - 阿里巴巴生意经
大家都在搜
我在DIV中字体旁边中如何添加一个图片呢
dishuibulou1的答复：
首先要先看你左边那些是不是分为好几个div搭起来的。1.如果左面内容只是用&br&/&换行来制作的，那你右边想放图片很简单，插入个图片设置样式为float:即可；2.如果左面内容是好几行的div做出来的，那你右边想放图片就应该给图片添加样式为绝对定位样式，position:然后根据情况来设置他的margin或者top、right、bottom、left值；希望你能看懂
回答：共&0&条怎样让div长宽和随图片长宽改变而改变
&body style="background:#333"& &div id="box"&
&img id="img1" src="&gtl:url/&/resources/images/21.jpg" onload="this.width=this.offsetWidth&500?500:this.offsetW"/&
&img id="img2" src="&gtl:url/&/resources/images/21.jpg" onload="this.width=this.offsetWidth&500?500:this.offsetW"/&
&div id="main"&
&div id="left-up" class="minDiv left-up"&&/div&
&div id="up" class="minDiv up"&&/div&
&div id="right-up" class="minDiv right-up"&&/div&
&div id="right-down" class="minDiv right-down"&&/div&
&div id="left-down" class="minDiv left-down"&&/div&
&div id="left" class="minDiv left"&&/div&
&div id="right" class="minDiv right"&&/div&
&div id="down" class="minDiv down"&&/div&
&/div& &/div& &div id="preview"&
&img id="img3" class="img3" src="&gtl:url/&/resources/images/21.jpg"
onload="this.width=this.offsetWidth&500?500:this.offsetW"/& &/div& &script type="text/javascript"&
var boxwidth = document.getElementById('box').offsetW
var boxheight = document.getElementById('box').offsetH
alert(boxwidth);
var img1width = document.getElementById("img1").offsetW
var img1height = document.getElementById("img1").offsetH
if(img1width&500){
boxwidth = 500+"px";
// alert("jmumwfhqjfri:"+pathwidth);
boxheight=(500/img1width)*img1
boxwidth=img1
boxheight=img1
} &/script&&/body&请问大神，我的div长和宽为什么改变不了吶？求解答，谢谢
我是要成为前端王的男人！（目前是页面重构）
你不给他宽度就会根据内容撑开来
已被提问者采纳
你还没有登录，请先登录或注册慕课网帐号
这位童鞋很懒，什么也没有留下～～！
已解决，谢谢
你还没有登录，请先登录或注册慕课网帐号
这位童鞋很懒，什么也没有留下～～！
div.style. 仅仅在对象的定位(position)属性被设置时可用。否则，此属性设置会被忽略div.style. 仅仅在对象的定位(position)属性被设置时可用。否则，此属性设置会被忽略div.style. 边宽div.style. 内容父级div和他该div跟其外层的距离div.style. 内容父级div和他的距离div.offsetL 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。 div.offsetH 指 obj 控件自身的绝对高度，不包括因 overflow 而未显示的部分，也就是其实际占据的高度，整型，单位像素。div.offsetT
obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。offsetTop 只读 div.offsetW 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。div.clientL div.clientH 都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。div.clientW div.clientT div.scrollT scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。div.scrollH 是元素的高度且包括滚动部分(即还没有显示的那部分)div.scrollW 是元素的宽度且包括滚动部分
你还没有登录，请先登录或注册慕课网帐号
41143人关注
46225人关注
Copyright (C)
All Rights Reserved | 京ICP备 号-24212人阅读
HTML5火了，JS也得炼一炼
用Javascript往一个Div中插入一张图片
&meta http-equiv=&content-type& content=&text/ charset=utf-8&&
&script type=&text/javascript&&
window.onload = function (){
var bigImg = document.createElement(&img&);
//创建一个img元素
bigImg.src=&/img/baidu_sylogo1.gif&;
//给img元素的src属性赋值
//bigImg.width=&320&;
//320个像素 不用加px
var myDiv = document.getElementById('myDiv'); //获得dom对象
myDiv.appendChild(bigImg);
//为dom添加子元素img
&div id=&myDiv& style=&border:1px solid #width:320height:160&&&/div&
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：65137次
排名：千里之外
原创：18篇
转载：40篇
(1)(2)(2)(5)(1)(1)(1)(1)(1)(1)(1)(3)(11)(3)(2)(17)(4)(2)}