2017-05-05 16 views
0

何らかの理由で、ウェブページを正確に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

+0

'それは同様にあなたのライブのウェブサイト上ですか? – scarsam

+1

'body'にはデフォルトのマージンがあります。それらを削除しても問題ありません。また、 'body'のようなブロックレベルの要素に対しては' width:100%; 'の必要はありませんが、やや冗長です。 – hungerstar

+0

@scarsamいいえ、それはちょうどタイプミスでした –

答えて

2

クリアしmargin: 0;を使用してbody上のマージンを見てください取ることができます。

* { 
 
    box-sizing: border-box; 
 
} 
 

 
html { 
 
    height: 100%; 
 
} 
 

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

関連する問題