我正在使用 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 滚动条,我不想包括在内。
如何删除它?