为表格/ div合并CSS与边框

Question

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

问题是，当两个div彼此相邻时，会出现双边框。

http://jsfiddle.net/Y7Kee/

我还设置border-collapse: collapse;上表，DIV，TD，TH，但这似乎并没有工作。

编辑：

如果边界崩溃不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

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

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