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

作者: cgcat (小綿羊趕集)   2014-09-24 14:51:55
寫個色塊版的code
灰色推薦圖片,紅色為左右箭頭,黑色為footer
在Recommend_wrap與footer_bg這兩個div中間加了
<div style=" clear:both; position:relative;"></div>
效果還是沒成功,可以請問我哪裡錯誤嗎?
謝謝
以下是code
http://jsfiddle.net/y1hysheh/1/
作者: miau (米奧)   2014-09-24 15:00:00
絕對定位的東西不會撐起容器的高度
作者: leochen0818 (Leo)   2014-09-24 16:17:00
因為沒有js... HTML架構也沒有很OK...還有CSS的部分...img的DIV怎麼會使用絕對定位咧..
作者: qazwsx9006 (松鼠!碰器!)   2014-09-24 21:43:00
clear:both 是清除float效果,所以你這邊的code可以忽略掉<div style=" clear:both; position:relative;"/>接下來同一樓所說的,你的容器沒有高度,所以在.Recommend_wrap{height:320px}加上這行,撐開高度即可。
作者: Letter1530 (白手起家好難...)   2014-09-25 02:32:00
借問一下 leo大img的div不用絕對是要設定relative ?
作者: leochen0818 (Leo)   2014-09-25 09:25:00
基本上,大部分的並排效果都是用float或是display: inline-block來達成
作者: cgcat (小綿羊趕集)   2014-09-25 15:43:00
感謝Q大與L大,原來要設定高度

Links booklink

Contact Us: admin [ a t ] ucptt.com