2013-10-02 123 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像素...的結果在寬度大於窗口的寬度大...取出填充或設置框大小:邊框;