宽度覆盖最大宽度

Question

为什么宽度覆盖最大宽度使得框不响应，就像我单独使用max-width一样。仅供参考我正在使用内联样式，因为我正在为电子邮件编码。

<table width="600" align="center" style="max-width: 600px; background-color: blue; padding: 0 10px;">
<tr>
  <td>
    <table width="550" align="center" style="max-width: 550px; background-color: red;">
      <tr>
        <td>

        </td>
      </tr>
    </table>
  </td>
</tr>
</table>

Answer 1

  

为什么宽度覆盖max-width

不是。

元素仍然比指定的最大宽度窄。

  

如果我单独使用max-width

，那么盒子就不会像他们那样响应

单独使用max-width可以使元素从0宽到600px宽，具体取决于影响其宽度的其他因素。

将宽度设置为600表示宽度必须为600px。