作者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/cn.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