Question

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

 @charset "utf-8";
 /* CSS Document */

 #main {    
    background-repeat:no-repeat;
    background-size:cover;
    font-size: 24px;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;  
    padding:40px;

    height:100%;
    width:100%;
    position: relative;
    background-image: url(../graphics/craig-smith-background.jpg);
}

#body {
    min-height:500px;
    width:75%;
    background-repeat:no-repeat;
    background-image: url(../graphics/back2.jpg); 
    margin: 0 auto;
    position:relative;
    border:groove;
    border-color:#333;
    border-width:5px; (edit)
    padding:0;
}

我在两个div上玩过填充和边距，但似乎无法想出这个。

（编辑）我应该指定，边框和右边的图片之间有一个20像素的空间，你可以看到div 1的背景图片。

Answer 1

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

请勿使用thick，指定所需的像素数。 “2px”，5px“，无论如何。

Answer 2

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

为什么我的边框太宽了铬

2 个答案: