Re: [問題] 試做廣告旋轉木馬效果

看板Web_Design作者 (小綿羊趕集)時間9年前 (2014/09/24 14:52), 編輯推噓2(2推 0噓 10→)
留言12則, 5人參與, 最新討論串2/2 (看更多)
寫個色塊版的code 灰色推薦圖片，紅色為左右箭頭，黑色為footer 在Recommend_wrap與footer_bg這兩個div中間加了 <div style=" clear:both; position:relative;"></div> 效果還是沒成功，可以請問我哪裡錯誤嗎? 謝謝 以下是code http://jsfiddle.net/y1hysheh/1/ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.108.82 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1411541520.A.64F.html
→
09/24 15:00, , 1F
絕對定位的東西不會撐起容器的高度
09/24 15:00, 1F
→
09/24 16:17, , 2F
因為沒有js... HTML架構也沒有很OK...
09/24 16:17, 2F
→
09/24 16:19, , 3F
還有CSS的部分...img的DIV怎麼會使用絕對定位咧..
09/24 16:19, 3F
推
09/24 21:43, , 4F
clear:both 是清除float效果，所以你這邊的code可以忽
09/24 21:43, 4F
→
09/24 21:44, , 5F
略掉<div style=" clear:both; position:relative;"/>
09/24 21:44, 5F
→
09/24 21:44, , 6F
接下來同一樓所說的，你的容器沒有高度，所以在
09/24 21:44, 6F
→
09/24 21:45, , 7F
.Recommend_wrap{height:320px}加上這行，撐開高度即
09/24 21:45, 7F
→
09/24 21:45, , 8F
可。
09/24 21:45, 8F
推
09/25 02:32, , 9F
借問一下 leo大img的div不用絕對是要設定relative ?
09/25 02:32, 9F
→
09/25 09:25, , 10F
基本上，大部分的並排效果都是用float或是
09/25 09:25, 10F
→
09/25 09:26, , 11F
display: inline-block來達成
09/25 09:26, 11F
→
09/25 15:43, , 12F
感謝Q大與L大，原來要設定高度
09/25 15:43, 12F
‣ 更多 cgcat 的文章
文章代碼(AID): #1K8ceGPF (Web_Design)
‣ 更多 cgcat 的文章
文章代碼(AID): #1K8ceGPF (Web_Design)