CSS：合併Div和表格邊框

Question

我想實現的是顯示在上面的圖片上。我有一個表格裏面的div，我希望他們的邊界合併。到目前爲止，我已經在這個jsfiddle的CSS上取得了部分成功：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;