我正在使用 html/css/javascript 编写卡片列表。
以下是两个示例实现:
http://jsfiddle.net/235Tp/
#wrapper {
background: #EEE;
width: 100%;
height: 100%;
}
#cards-div {
background: green;
width: 100%;
height: 70%;
overflow-y:auto;
}
#cards-list {
width: 100%;
height: 100%;
}
#cards-list li {
vertical-align: middle;
text-align: center;
height: 100%;
width: 20%;
float: left;
background: #EEE;
margin-left: -14%;
border: 1px solid #000;
}
#cards-list li:first-child {
margin-left: 0;
}
您可以看到一个有边框,而另一个则没有。
有边框的有一个 y-asix 滚动条,我不想包含它。
如何删除它?
最佳答案
只需将 overflow-y:auto
更改为 overflow-y:hidden;
,如下所示:
#cards-div {
background: green;
width: 100%;
height: 70%;
overflow-y:hidden;
}
这是DEMO
关于javascript - css 100 高度带边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14929081/