HTML问题<；表>；宽度

我有一个

，有三列：

表格{
边框：1px虚线黄花；
}
运输署{
边框：1px纯色灰色；
}

一些内容
一些内容
一些内容

保留最后一列不带宽度，并将表格宽度设置为100%或所需表格宽度。

保留最后一列不带宽度，并将表格宽度设置为100%或所需表格宽度。

当您将第三个

td

的宽度指定为

100%

时，意味着其宽度应与其父项相同，这是本例中对应的

tr

。这就是为什么第一个和第二个

td

s被压缩，因为第三个

td

试图占据整个行宽度

如果前两个

td

s中完全没有内容，那么您甚至无法看到它们。由于这些

td

s中有一些内容，浏览器正在为这两个部分分配尽可能小的空间，剩余的宽度被第三个部分占据

关于最后一个

td

的宽度为

50%

时会发生什么，请参阅JSFIDLE上的一篇文章。您将看到它正好占据行宽度的一半

---

要纠正这种情况，请为前两个

td

s指定宽度百分比，然后将第三个宽度留空。是一个演示此方法的演示。

当您将第三个

td

的宽度指定为

100%

时，它意味着其宽度应与其父级相同，在本例中对应的

tr

。这就是为什么第一个和第二个

td

s被压缩，因为第三个

td

试图占据整个行宽度

如果前两个

td

s中完全没有内容，那么您甚至无法看到它们。由于这些

td

s中有一些内容，浏览器正在为这两个部分分配尽可能小的空间，剩余的宽度被第三个部分占据

关于最后一个

td

的宽度为

50%

时会发生什么，请参阅JSFIDLE上的一篇文章。您将看到它正好占据行宽度的一半

要纠正这种情况，请为前两个

td

s指定宽度百分比，然后将第三个宽度留空。是演示此方法的演示。

示例：

示例：

---

我建议不要混合百分比和像素。这将导致跨浏览器问题等

---

您必须决定使用%或像素，然后将第三列的宽度留空。

我建议不要混合百分比和像素。这将导致跨浏览器问题等

---

您必须决定使用%或像素，然后将第三列的宽度留空。

设置整个表格的宽度，并将第三列的值留空。由于表格已设置为width=“100%”，是否有其他方法，在前两列中取指定的精确px宽度，第三列取其余的宽度？like width=“*”设置整个表格的宽度，并将第三列的值留空。由于表格已设置为width=“100%”，是否有其他方法，前两列取指定的确切px宽度，第三列取其余？like width=“*”我也有类似的想法…但问题是我不想干扰前2个tds的现有安排，只想编辑/修复第3列..我也有类似的想法…但问题是我不想干扰前2个tds的现有安排，只想编辑/修复第3列..只是为了补充上述问题；如果我的宽度为300px，3列；2每列100px，第三列500px的宽度……因此，在这种情况下，表是拉伸到700px还是跟随父列300px的宽度？只是为了补充上述问题；如果我的宽度为300px，3列；2每列有100px，第三列有500px的宽度……因此，在这种情况下，表会拉伸到700px还是跟随父列300px的宽度？