html - 什么会导致 td 元素忽略样式 ="width:300px"？

Question

我有这种情况:

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

为了解决这个问题，我尝试使用开发人员工具将元素上的 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 中获得正确的尺寸。