HTML、CSS - div 颜色的 div

Question

我希望每一行都是灰色的。效果差不多，但是左右两边，有几个Pixels是白色的。

有人知道为什么吗？

HTML

<div class="recent">
    <h1>Recent Downloads:</h1>
    <div class="row">test</div>
    <div class="row">test</div>
    <div class="row">test</div>
    <div class="row">test</div>
    <div class="row">test</div>
</div>

CSS

.recent {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30%;
    width: 35%;

background-color: white;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    border-style: solid;
    border-color: white;
}

.recent h1 {
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.row {
    background-color: white;
}

.row:nth-child(odd) {
    background: #e0e0e0;
}

http://jsfiddle.net/C8drX/4/

Answer 1

你应该从 .recent 中删除边框:

.recent {
    border: 0px;
}

并可能在 .row 中添加一些填充:

.row {
    padding: 3px;
}

这是一个JSFiddle