什么可能导致 td 元素忽略 style="width:300px"？答案

【问题标题】：What could cause a td element to ignore style="width:300px"?什么可能导致 td 元素忽略 style="width:300px"？
【发布时间】：2013-12-07 04:15:20
【问题描述】：

我有这种情况：

如您所见，我有一个大小为 28x49 像素的 td。

为了解决这个问题，我尝试使用开发者工具将元素上的width 设置为300px，但浏览器（Chrome 31）顽固地忽略了我。

这怎么可能？什么可以覆盖我通过style="width:300px" 设置的宽度？

父元素（table、tbody 和 tr）的宽度均为 598px。

【问题讨论】：

【解决方案1】：

此表中有两个tbody 元素。打开第一个（有visibility:hidden;height:0px）时，我看到了：

<tr><td width="28px"></td><td width="570px"></td></tr>

这意味着浏览器首先会看到一个包含两列的表格主体，记住大小，然后使用这些大小来布局第二个tbody，忽略此处指定的宽度。

解决方案是在第一个 tbody 中设置正确的大小。

【讨论】：

【解决方案2】：

尝试替换

style="width:300px"

有了这个

style="width:300px !important"

【讨论】：