2017-04-06 138 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