从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>

它消失了：

As it is here

Answer 2

请参阅演示文稿的小提琴。

小提琴：http://jsfiddle.net/JZAr8/2/

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

注意：要从textdiv中克服，我只是从表格div中移动testdiv。无论你想保留testdiv还是删除它都取决于你。