html - CSS:合并 Div 和表格边框

Question

我要实现的是上图所示。我有一个里面有表格的 div，我希望它们的边框合并。到目前为止，我已经在这个 jsfiddle 上使用 CSS 取得了部分成功:http://jsfiddle.net/uQFLX/

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

Answer 1

不需要合并边框，而是去掉表格的左/右边框。

你可以把你的风格改成这样:

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

更新了你的 fiddle 以展示它的实际效果:http://jsfiddle.net/uQFLX/1/