Html 为什么我的镀铬边框太宽

所以，我正试图让带有背景图片的div显示在我的网页上。在IE中，它看起来很好，但在chrome中，当它不是全屏时，页面看起来很好，当你使窗口全屏时，div 2右边的边框太宽约20像素。第一个div应该是可用屏幕的大小，第二个div应该是可用屏幕的75%。 它也看起来好像铬没有看到我的100%的高度在第一个分区。 这是我的css样式表：

@charset“utf-8”；
/*CSS文档*/
#主{
背景重复：无重复；
背景尺寸：封面；
字体大小：24px；
字体系列：佐治亚州，“泰晤士报新罗马”，泰晤士报，衬线；
文本对齐：居中；
填充：40px；
身高：100%；
宽度：100%；
位置：相对位置；
背景图像：url（../graphics/craig smith background.jpg）；
}
#身体{
最小高度：500px；
宽度：75%；
背景重复：无重复；
背景图像：url（../graphics/back2.jpg）；
保证金：0自动；
位置：相对位置；
边框：凹槽；
边框颜色：#333；
边框宽度：5px；（编辑）
填充：0；
}

我在两个div中都使用了填充和边距，但似乎无法理解这一点

（编辑）我应该指定，在边框和右侧的图片之间有一个20px的空间，您可以看到div1的背景图片

border:groove;
border-color:#333;
border-width:thick;

---

不要使用

thick

，请指定所需的像素数。“2px”，5px“，不管怎样。

问题是dreamweaver没有更新本地文件，我在photoshop中更改了一个图片文件并保存了它。Dreamweaver没有看到文件更新。

除了您的风格之外，您能提供更多的代码吗？也许做一个JSFIDLE？对不起，JSFIDLE是什么？@CraigSmith，。我不知道我在用它做什么。我将我的代码剪切并通过表单，表单开始做奇怪的事情。到目前为止，还没有java脚本或编程在进行。对您的问题进行可视化将非常有帮助。我想我们这里的大多数人在孩提时代就失去了透视能力。我有一个想法，你如何让chrome使用新的样式表。也许它没有加载我的更改。这张照片太小了，我重新调整了尺寸。更改为5px没有任何更改。@CraigSmith，Ctrl+F5应该强制Chrome在刷新缓存时忽略缓存。Ctrl-SHIFT-DELETE是新的Ctrl-F5