合并表格/ div的CSS边框

Question

我已经构建了一个div布局，每个div都必须有边框。

问题在于当两个div彼此相邻时，会有双边框。

http://jsfiddle.net/Y7Kee/

我还在table，div，td，th上设置了border-collapse: collapse;，但这似乎不起作用。

编辑：

如果边框折叠不适用于DIV，任何其他建议，我该如何合并边框？

Answer 1

边框折叠仅适用于表格单元格。您可以使用CSS规则选择特定元素，并将边框宽度应用于有意义的区域。

div {
    border:1px solid;
    border-bottom-width: 0;
    border-right-width: 0;
}
td:last-child div {
    border-right-width: 1px;
}
div:last-child {
    border-bottom-width: 1px;
}

http://jsfiddle.net/ExplosionPIlls/Y7Kee/1/

Answer 2

将div的左侧和顶部偏移-1：

div {
    border-collapse: collapse;
    border:1px solid;
    margin-left: -1px;
    margin-top: -1px;
}