显示表格会导致下面的div变小

Question

设定：

<div class="wrapper"> // width: 80%
    <div id"topDiv"></div> // display: table, hidden upon page load
    <div id="bottomDiv"></div>
</div>

我不能在JsFiddle中重新创建它，但是当我显示topDiv时，底部的div变小 - 它的宽度减少了13px。两个div没有设置为100％宽度 - 如果我设置它们然后它们被强制保持相同的大小，但这会导致它们超出父边界，因此它们保留在width: auto。

可能导致这种情况的原因以及如何解决？