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;