html - 内部 HTML 表格不是全宽

Question

我有一些复杂的 HTML+CSS 情况，我想了解并以某种方式修复。

HTML 是由 GWT 应用程序生成的，因此请不要评论大量的开销。

我的问题是带有蓝色边框的内表没有占据红色边框 div 中的整个水平空间。

我试图将 width:100% 放在 div 和实际表格之间的每一层上，但没有帮助。在运行时，外部 div 的宽度是未知的，所以我不想在嵌套表格中重复确切的宽度。

这是显示情况的 jsFiddle:http://jsfiddle.net/jantekb/NBCcZ/

在您的回答中，请尝试解释实际结果的原因，不仅告诉我正确的答案，而且仅后者也受到高度赞赏..:-)

Answer 1

在你的 CSS 中试试这个:

table {
    width: 100%;       
}

这会将所有表格元素设置为其父元素的 100% 宽度。被固定宽度550px的div限制。所有子元素都将符合表格宽度并适当调整。默认情况下，表格宽度只会与其包含的元素一样宽。