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