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;