从css表属性中排除div

Question

我有一个CSS表，如下所示：http://jsfiddle.net/JZAr8/

<div style="display:table;width:100%">
<div style="display:table-row;">
<div style="display:table-cell;border:1px solid grey;">table-cell</div>
<div style="display:table-cell;border:1px solid grey;">table-cell</div>
</div><!-- row -->
<div style="border:1px solid grey;width:100%">testdiv</div>
<div style="display:table-row;">
<div style="display:table-cell;border:1px solid grey;">table-cell</div>
<div style="display:table-cell;border:1px solid grey;">table-cell</div>
</div><!-- row -->
</div><!-- table -->​

"testdiv"似乎仍然连接到表属性，并被解释为表单元格。。。为什么会出现这种情况？如何从表中"排除"testdiv。。。？

Answer 1

您只需删除此div:

<div style="border:1px solid grey;width:100%">testdiv</div>

然后它就消失了：

就在这里

Answer 2

请参阅fiddle演示。

Fiddle：http://jsfiddle.net/JZAr8/2/

演示：http://jsfiddle.net/JZAr8/2/embedded/result/

注意：为了克服textdiv，我只将testdiv从tablediv中移走。由您决定是保留testdiv还是删除它。