我正在尝试更改HTML页面（包含大量CSS）。有一个 <table> 这是'太宽'。我不明白为什么它很宽。它的一个子节点必须有某种形式 width: $A_BIG_NUMBER; css规则，它使它变宽，然后提升并使整个事物变宽。
我通常的方法是手动查看所有元素（或我认为负责的元素）以尝试查找此css规则。
有更容易的方法吗？
我正在尝试更改HTML页面（包含大量CSS）。有一个 <table> 这是'太宽'。我不明白为什么它很宽。它的一个子节点必须有某种形式 width: $A_BIG_NUMBER; css规则，它使它变宽，然后提升并使整个事物变宽。
我通常的方法是手动查看所有元素（或我认为负责的元素）以尝试查找此css规则。
有更容易的方法吗？
我遇到了这些“神秘”宽度问题 - 特别是当我试图争论一个开源主题时，我不是大多数代码的作者。
尝试在CSS中添加一些线框。使用它 加成 使用开发人员网络检查员找到罪魁祸首（safari，IE，chrome现在都带有开箱即用的开发人员工具，firefox的firebug）。
body { margin: 30px; }
/* Add some margin to the body to add space and
see where your offending elements cross the line */
body * { border: 1px solid red; }
/* add a border to all other elements on the page */
我遇到了这些“神秘”宽度问题 - 特别是当我试图争论一个开源主题时，我不是大多数代码的作者。
尝试在CSS中添加一些线框。使用它 加成 使用开发人员网络检查员找到罪魁祸首（safari，IE，chrome现在都带有开箱即用的开发人员工具，firefox的firebug）。
body { margin: 30px; }
/* Add some margin to the body to add space and
see where your offending elements cross the line */
body * { border: 1px solid red; }
/* add a border to all other elements on the page */
如果您正在使用Chromium，只需右键单击，选择“Check Element”（或其他任何东西，其德语版本中的“Elementüberprüfen”）。之后，“检查员”打开。在那里你可以选择表格标签。在右侧，您将找到包含已识别的CSS语句的列表。文件名。 （这有点像Firefox的Firebug，速度要快得多。）