半夜睡不着试了一下，看有没有高手提出更好的解法 https://jsfiddle.net/uqe6s8n2/ 思考方向： ‧div#slideshow的高度会变动 原始范例的jquery，是将第一个div淡出、第二个淡入，然後把第一个塞到最後面 故div的顺序会变动 ‧图片高度会变动 原始范例利用 固定高度(height:240px)和溢位隐藏(overflow: hidden) 避免图片高度超过版面的问题 解决方式： 每次div顺序被调整後，就把#slideshow的高度设定成第一个div下的图片高度 $('#slideshow').css("height", $('#slideshow > div:first>img').height()); 优点： 原始范例基本上不需要改动，只要补上计算用的js就搞定了 缺点： 如果很喜欢拉萤幕视窗的话，在js被触发前高度都不会被重新计算 ※ 引述《virgin7 ()》之铭言： : 大家晚安 : 对RWD一直有个疑问，请看这个范例：https://jsfiddle.net/t79o7rqy/ : 一个简单的幻灯片效果，如果要改成RWD : 例如把 #slideshow 固定宽高改成 width: 50%; height: auto; : 问题来了: : 1.#slideshow高度设成auto或不设高度，会因为里头div设了绝对定位而变成高度为零 : 就看不到任何图片了！如果设一个固定高度，RWD的宽度变动时高度却固定 : 　效果就不对（不懂意思可以拉动视窗试试） : 2.要如何在幻灯片宽高自动变动下，底下的＂内容内容内容＂文字能贴着幻灯片区块 : 　因为slide中的图片都用绝对定位 : 　那底下的＂内容内容＂就会往上跑而不能贴着幻灯片下方了 : 以上，感谢前辈们指导，其实类似问题常出现，希望能知道怎麽做才好，感思～ : 范例出处： : https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/ --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.187.100.126 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1480702588.A.4BA.html