HTML 100％寬度比頁面寬

由於某些原因，我無法使網頁的寬度完全爲100％，它似乎總是有一個滾動條。我甚至回到基礎知識，不能解決它，所以希望它只是我愚蠢！HTML 100％寬度比頁面寬

有人可以來看看，請

* { 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
} 
 

 
body { 
 
    background-color: #393939; 
 
    font-family: Arial, sans-serif; 
 
    height: 100%; 
 
    width: 100%; 
 
    color: #f2f2f2; 
 
}

Hello World

來源

2017-05-05 Richard C

'是，在現有的網站呢？ – scarsam

'body'具有默認邊距。刪除這些，你會沒事的。另外，對於像'body'這樣的塊級元素，不需要'width：100％;'，這有點多餘。 – hungerstar

@scarsam不，這只是一個錯字 –

清除在body邊緣使用margin: 0;。

* { 
 
    box-sizing: border-box; 
 
} 
 

 
html { 
 
    height: 100%; 
 
} 
 

 
body { 
 
    background-color: #393939; 
 
    font-family: Arial, sans-serif; 
 
    height: 100%; 
 
    width: 100%; 
 
    color: #f2f2f2; 
 
    margin: 0; 
 
}

來源

2017-05-05 18:33:43

HTML 100％寬度比頁面寬

回答

相關問題