CSS：合并Div和表格边框

Question

我想实现的是上图所示。我有一个带有桌子的div，我希望他们的边框合并。到目前为止，我已经在这个jsfiddle上取得了部分成功：http://jsfiddle.net/uQFLX/

如您所见，右侧是错误的。我可以通过手动设置表的宽度来解决这个问题，但我需要它的大小是动态的。有没有办法实现这一点，同时保持宽度：表上的100％属性？

Answer 1

无需合并边框，而是取消桌面上的左/右边框。

你可以改变你的风格：

table
{
   margin: 0;
   width: 100%;
   border-top: 1px solid #D9D9D9;
   border-bottom: 1px solid #D9D9D9;
}

更新了您的小提琴以显示其实际效果：http://jsfiddle.net/uQFLX/1/

Answer 2

只需将表格的宽度更改为402px，而不是100％

   width: 402px;