作者cgcat (小綿羊趕集)
看板Web_Design
標題Re: [問題] 試做廣告旋轉木馬效果
時間Wed Sep 24 14:51:55 2014
寫個色塊版的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://webptt.com/m.aspx?n=bbs/Web_Design/M.1411541520.A.64F.html
1F：→ miau: 絕對定位的東西不會撐起容器的高度 09/24 15:00
2F：→ leochen0818: 因為沒有js... HTML架構也沒有很OK... 09/24 16:17
3F：→ leochen0818: 還有CSS的部分...img的DIV怎麼會使用絕對定位咧.. 09/24 16:19
4F：推 qazwsx9006: clear:both 是清除float效果，所以你這邊的code可以忽 09/24 21:43
5F：→ qazwsx9006: 略掉<div style=" clear:both; position:relative;"/> 09/24 21:44
6F：→ qazwsx9006: 接下來同一樓所說的，你的容器沒有高度，所以在 09/24 21:44
7F：→ qazwsx9006: .Recommend_wrap{height:320px}加上這行，撐開高度即 09/24 21:45
8F：→ qazwsx9006: 可。 09/24 21:45
9F：推 Letter1530: 借問一下 leo大img的div不用絕對是要設定relative ? 09/25 02:32
10F：→ leochen0818: 基本上，大部分的並排效果都是用float或是 09/25 09:25
11F：→ leochen0818: display: inline-block來達成 09/25 09:26
12F：→ cgcat: 感謝Q大與L大，原來要設定高度 09/25 15:43