问获取溢出:隐藏为行为本身
EN

Stack Overflow用户

提问于 2011-08-21 02:18:39

回答 1查看 119关注 0票数 0

我正在尝试实现一个简单的图像轮播，我不能阻止图像下降到下一行。这是我的CSS：

#gallery-wrap{margin: 0 auto; overflow: hidden; width: 532px; position: relative; float: left;}
#gallery{position: relative; left: 0; top: 0; float: left;}
#gallery li{float: left; margin: 0 20px 15px 0;}
#gallery li a img{border: 4px solid #40331b; height: 175px; width: 60px; float: left;}

#gallery-controls{margin: 0 auto; width: 732px; float: left;}
#gallery-prev{float: left;}
#gallery-next{float: right;}

这是我的HTML：

<div id="gallery-wrap"> 

                <ul id="gallery"> 

                </ul> 
            </div> 
            <div id="gallery-controls"> 
                <a href="#" id="gallery-prev"><img src="prev.png" alt="" /></a><a href="#" id="gallery-next"><img src="next.png" alt="" /></a> 
            </div>

我试图一次显示5张图片，其余的都隐藏起来。然后单击prev和next按钮，使用jQuery来回滚动它。现在，当有超过5个图像时，开始下拉到下一行，而不是隐藏。

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-08-21 02:20:29

嗯，是的。如果在#gallery-wrap上指定一个height值，它将隐藏超出该高度的子元素。如果你不这样做(你也没有)，那么#gallery-wrap就会像它的孩子需要的那样高。

在#gallery-wrap上设置一个height就可以了。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7133709

复制

相似问题

问获取溢出:隐藏为行为本身
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取溢出:隐藏为行为本身EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取溢出:隐藏为行为本身
EN