我在这里遗漏了一些非常简单的东西。滚动条出现了,但是滚动的旋钮没有显示?
<div class="name">
<div class="name-scroll"> test
</div>
.name {
background: #EFEFEF;
box-shadow: 1px 1px 10px #999;
margin: auto;
text-align: center;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-top: 5px;
overflow: hidden;
height: 100px;
}
.name-scroll {
background-color: lime;
overflow-x: scroll;
overflow-y: hidden;
height: 80px;
width: 10000px;
}
这是小提琴: http://jsfiddle.net/CnpL8/1/
谢谢!
答案 0 :(得分:3)
溢出属性应该在容器上设置,而不是在容器上。
.name {
background: #EFEFEF;
box-shadow: 1px 1px 10px #999;
margin: auto;
text-align: center;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-top: 5px;
overflow: hidden;
height: 100px;
width: 300px;
overflow-x: scroll;
overflow-y: hidden;
}
.name-scroll {
background-color: lime;
height: 80px;
width: 10000px;
}
答案 1 :(得分:0)