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

[cgcat (小綿羊趕集)]

寫個色塊版的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
→ miau: 絕對定位的東西不會撐起容器的高度
→ leochen0818: 因為沒有js... HTML架構也沒有很OK...
→ leochen0818: 還有CSS的部分...img的DIV怎麼會使用絕對定位咧..
推 qazwsx9006: clear:both 是清除float效果，所以你這邊的code可以忽
→ qazwsx9006: 略掉<div style=" clear:both; position:relative;"/>
→ qazwsx9006: 接下來同一樓所說的，你的容器沒有高度，所以在
→ qazwsx9006: .Recommend_wrap{height:320px}加上這行，撐開高度即
→ qazwsx9006: 可。
推 Letter1530: 借問一下 leo大img的div不用絕對是要設定relative ?
→ leochen0818: 基本上，大部分的並排效果都是用float或是
→ leochen0818: display: inline-block來達成
→ cgcat: 感謝Q大與L大，原來要設定高度