2017-04-06 136 views
0

为什么宽度覆盖最大宽度使得盒子没有响应,就像我单独使用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> 

回答

4

为什么宽度覆盖最大宽度

它不是。

元素保持比指定的最大宽度窄。

使箱子不响应像他们想如果我用最大宽度独独

最大宽度让元素从0600px宽视还有什么是影响其宽度在任何地方。

将宽度设置为600意味着宽度必须为600px。

+0

感谢您的理解。我只是感到困惑,因为如果我在div上设置最大宽度,它将随着窗口变小而改变大小,但我的桌子不能请你帮我理解为什么? – Reece

+0

@Reece - 因为你设置了一个宽度。如果你说“500到500不等”,那么它将是500.“不超过500”变得不相关。 – Quentin