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

[cgcat (小綿羊趕集)]

我要試做一個廣告旋轉木馬的效果

目前先用css再排板，但卻遇到一個問題

我的效果是這樣的，一組推薦模組有四張圖片當滑鼠移過

最右邊的圖片會出現next的箭頭圖片，最左邊則會有prev的箭頭圖片作為btn

因為必須要將箭頭圖片壓在推薦的圖片上面

所以我在推薦圖片的wrap下了position:absolute;這樣箭頭才可以壓在上層

但是因為下了position:absolute;之後下方的footer就會無視推薦模組的高度

不會排序在推薦模組下，變成footer與推薦重疊

有什麼方法可以解決這樣的狀況讓footer會排序在推薦後面呢?

以下是我的code，謝謝各位高手

http://jsfiddle.net/y1hysheh/

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.108.82
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1411368381.A.331.html
→ mmis1000: 圖片404阿...根本看不懂
→ crown: 我是後端工程師，但是這種前端工作我也做Ｎ次了
→ Canboo: clear:auto或hidden
推 leochen0818: 要放在後面的元素設定clear: both就可以了
→ leochen0818: 不過通常該區塊會先用一塊div包起來並且設定
→ leochen0818: position: relative
→ leochen0818: 再在該區塊進行其他設定，就不會影響到後面的區塊
推 aspdoctor: 原來這個中文叫旋轉木馬
→ leochen0818: 其實有好多種說法耶！就連英文也有各家自己的名稱
推 yyc1217: 基本上都叫carousel