2013-10-02 128 views
0

我创造在CSS & HTML设计的。但是我想拥有100%宽度的盒子会在右侧留下难看的空间。我不知道是什么原因造成的。奇怪的空间 - 无法摆脱它

div标签我希望能有100%的宽度被称为#厂景。

http://jsfiddle.net/zBpAE/

#view1 { 
    border: 1px solid #000; 
    min-height: 300px; 
    padding: 0; margin: 0; 

}

<div id="view1"> 
        Choose the option suiting you best 
      </div> 

我真的很感谢您的帮助,我已经遇到这个问题了一个多小时了。

+2

贴在你的HTML/CSS http://jsfiddle.net/ – Chris

+2

请还包括在你的问题的HTML和CSS,因为引擎收录的数据可能会被删除,那么这个问题将是不相关的其他任何人试图找到一个类似的在未来的答案... –

+0

不能发布的链接,所以不要张贴链接,而是。 – bzlm

回答

1

<div id='first'></div>删除padding: 20px;

#first { 
     width: 100%; 
     min-height: 200px; 
     text-align: center; 
     background: url('images/background1.png') #99307f no-repeat; 
} 
+1

为了澄清,宽度不包括填充,所以您的宽度实际上是100%+ 40px。 – isherwood

+0

Yey!有用。非常感谢你的帮助。 – user2490580

1

你的第一个div(#first)具有宽度:100%和填充:25像素...的结果在宽度大于窗口的宽度大...取出填充或设置框大小:边框;