什么可能导致td元素忽略style =“width：300px”？

Question

我遇到这种情况：

如您所见，我的td大小为28x49px。

要解决此问题，我尝试使用开发人员工具在元素上设置width为300px，但浏览器（Chrome 31）却顽固地忽略了我。

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

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

Answer 1

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

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

这意味着浏览器首先看到一个双列表体，记住大小，然后使用它们来布局第二个tbody，忽略那里指定的宽度。

解决方案是在第一个tbody中获得正确的尺寸。

Answer 2

尝试替换

style="width:300px"

用这个

style="width:300px !important"