我正在使用html/css/javascript写一个卡片列表。
下面是这两个示例实现:
http://jsfiddle.net/235Tp/
css 100带边框的高度
#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滚动条。
如何删除?
我知道这件事。但是你认识到底部边界消失了吗? – 2013-02-18 03:51:10