html - 表格父元素的宽度是否扩展到其子元素？

Question

<table>设置宽度为 1000px。

它有 5 个<td>元素，每个元素的宽度为 300 像素。

<td>尽管我明确设置了宽度，表格是否会扩展以包含所有孩子？

Answer 1

您应用的宽度table是最重要的。

元素将td调整大小以适应表格

Answer 2

这可能取决于浏览器以及实际指定宽度的方式，但在您的情况下，表格单元格很可能会调整大小以适合整个表格的宽度。计算表格宽度的说明：http: //www.w3.org/TR/CSS2/tables.html#width-layout

table-layout: fixed将使用固定表格布局算法，该算法将使用其内容从普通框模型计算表格宽度（在您的情况下为 1500px）。您也可以通过将块级元素作为<td>s 的内容来做到这一点。

http://jsfiddle.net/AS6EZ/

Answer 3

不会。无论其子列的宽度如何，表格都不会超过设定的宽度。您示例中的表格将是 1000 像素宽，而不是 1500 像素宽。

Answer 4

子元素（td's）将调整大小以适应表格的宽度。

例子。