所以,我试图让div的背景图片显示在我的网页上。在IE中,它看起来很好,但在Chrome中,页面看起来不错,当它不是全屏时,并且当窗口全屏时,div 2上的边框在右侧大约为20像素。第一个div应该是可用屏幕的大小,第二个75%是中心的大小。 它看起来好像chrome在第一个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 1
你能否提供更多代码不只是你的风格?也许做一个jsFiddle?http://jsfiddle.net/ – 2013-02-25 21:26:14
对不起,什么是jsFiddle? – 2013-02-25 21:27:27
@CraigSmith,[jsfiddle是一个网站,您可以创建简化的测试用例,轻松保存并共享他们](http://jsfiddle.net)。 – zzzzBov 2013-02-25 21:36:52