Html 调整窗口大小时，图像边框右侧不显示

我对html编码有点陌生，所以我从cerberus复制了一个移动友好的模板用于我的工作。我当前的问题是，我已经在标题图像中添加了边框，但是当窗口大小调整到小于100%时，右边框不会显示。我尝试过去除宽度：100%，这实际上使情况变得更糟。我也尝试过添加填充物，但这似乎也不起作用。下面是代码，请任何帮助将不胜感激

<table align="center" aria-hidden="true" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="max-width: 680px;" width="100%"><!-- Hero Image, Flush : BEGIN -->
<tbody>
    <tr>
        <td bgcolor="#ffffff"><img align="middle" alt="alt_text" aria-hidden="true" border="0" class="fluid" src="https://......" style="width: 100%; max-width: 660px; border: 10px groove goldenrod; height: auto; background: rgb(221, 221, 221) none repeat scroll 0% 0%; font-family: sans-serif; font-size: 15px; line-height: 20px; color: rgb(85, 85, 85);" width="680" /></td>
    </tr>

解决方案1：使用

框大小：边框框因此您的宽度包括边框作为框：
CSS3框大小属性定义和使用

长方体大小属性用于告诉浏览器大小属性（宽度和高度）应包括哪些内容

它们应该包括边框框吗？或者只是内容框（宽度和高度属性的默认值）

内容框：

违约宽度和高度属性（以及最小/最大属性）仅包括内容。不包括边框、填充或边距

边框框：

宽度和高度属性（以及最小/最大属性）包括内容、填充和边框，但不包括边距

首字母：

将此属性设置为其默认值。阅读首字母

继承：

从其父元素继承此属性。阅读关于继承

参考：


.fluid{
宽度：100%；
最大宽度：680px；
花边：10px沟状一枝黄花；
高度：自动；
背景：rgb（221221221221）无重复滚动0%0%；
字体系列：无衬线；
字体大小：15px；
线高：20px；
颜色：rgb（85,85,85）；
框大小：边框框；
}

解决方案1：使用
框大小：边框框因此您的宽度包括边框作为框：
CSS3框大小属性定义和使用

长方体大小属性用于告诉浏览器大小属性（宽度和高度）应包括哪些内容

它们应该包括边框框吗？或者只是内容框（宽度和高度属性的默认值）

内容框：

违约宽度和高度属性（以及最小/最大属性）仅包括内容。不包括边框、填充或边距

边框框：

宽度和高度属性（以及最小/最大属性）包括内容、填充和边框，但不包括边距

首字母：

将此属性设置为其默认值。阅读首字母

继承：

从其父元素继承此属性。阅读关于继承

参考：


.fluid{
宽度：100%；
最大宽度：680px；
花边：10px沟状一枝黄花；
高度：自动；
背景：rgb（221221221221）无重复滚动0%0%；
字体系列：无衬线；
字体大小：15px；
线高：20px；
颜色：rgb（85,85,85）；
框大小：边框框；
}

我试过数字2，大数学人，但我找不出正确的计算格式。thx.@MatthewG很酷，欢迎来到stackOverflow，如果答案是您想要的，请将其标记为未来的读者。非常感谢。我试过第二种，大数学人，但我无法找出正确的计算格式。thx.@MatthewG很酷，欢迎来到stackOverflow，如果答案是您想要的，请将其标记为未来的读者。非常感谢。