首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >生成滑块时隐藏溢出而不隐藏溢出

生成滑块时隐藏溢出而不隐藏溢出
EN

Stack Overflow用户
提问于 2012-09-27 01:39:20
回答 1查看 230关注 0票数 1

我正在尝试创建一个可以左右移动的滑块。我只想显示3张幻灯片,所以我将容器的宽度设置为每个内部幻灯片的宽度*3,并设置了overflow:hidden。那么第四张幻灯片不是应该被隐藏起来吗?然后,稍后我可以只动画容器有一个-110px的边缘,所以幻灯片2-4显示。

http://jsbin.com/welcome/27336/edit

HTML:

代码语言:javascript
运行
复制
<div class="container">
  <div class="inner">1</div>
  <div class="inner">2</div>
  <div class="inner">3</div>
  <div class="inner">shouldn't be here</div>
</div>

CSS:

代码语言:javascript
运行
复制
.container { width: 330px; overflow:hidden; background:#e6e6e6; }
.inner { width: 110px; background: orange; float:left; }

它的渲染方式:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-09-27 01:46:32

如何设置元素的高度:

代码语言:javascript
运行
复制
.container { 
    width: 330px; 
    overflow:hidden; 
    background:#e6e6e6; 
    height:20px 
}

.inner { 
    width: 110px; 
    background: orange; 
    float:left; 
    height: 20px;
}

容器的高度随内部元素调整,这就是为什么您会看到第四个元素

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

https://stackoverflow.com/questions/12607339

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档