列出没有重叠边框的项目

Question

我有一个<ul>动态添加到使用jQuery或诸如此类的东西.每个<li>人都有一个独立的盒子,基本上是一个选择器.

但是,我注意到并预计每个<li>底部边框与下一个边界重叠.这是一个例子:

http://jsfiddle.net/gANNJ/

有没有办法删除它？我应该只使用分隔符div吗？

Answer 1

li {
    margin-top: -1px;
    border: 1px solid red;
    padding: 10px;
}

廉价的方式> <.它们没有重叠,从顶部和底部只有2px边框