CSS寬度100％不按預期工作

我試圖製作一個橫幅填充所有屏幕的橫幅，但它不按預期工作。有一些空間是不是滿滿的，就像你可以看到這裏：http://i.imgur.com/12NrL7R.png CSS寬度100％不按預期工作

我希望得到一些幫助，提前致謝！

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Best webpage ever</title> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css">  
</head>  
<body>  
    <div class="banner"> 
     <ul id="menu"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Students</a></li> 
      <li><a href="#">XXX tuga</a></li> 
     </ul> 

    </div>  
    <div id="container"> 
     <div id="content"> 
      <p>cona</p> 
     </div>   
    </div>  
    <div class="banner">      
    </div> 
</body> 
</html> 

.banner{ 
    background-color: black; 
    width: 100%; 
    height: 200px; 
}

來源

2014-02-21 voxivoid

快速修復，你可以添加'體{保證金：0;填充：0; }'，儘管使用重置樣式表可能更好 - http://meyerweb.com/eric/tools/css/reset/或Normalize.css - http://necolas.github.io/normalize.css/ –

html, body { 
    margin:0; 
    padding:0; 
}

試試這個，默認身體/ HTML有填充，所以你可能想嘗試刪除...

來源

2014-02-21 13:58:24 user3256987

就是這樣！謝謝你，我已經開始學習HTML和CSS昨天：p – voxivoid

沒問題的朋友，如果你還沒有檢查過的地方，如：'w3schools'和'CSStricks'他們是有幫助的，有一些很酷的小東西:) – user3256987

body標籤適用於大多數瀏覽器的一些間隔。一定要有：

body { 
    margin: 0; 
    padding: 0; 
}

來源

2014-02-21 13:58:27 lucasnadalutti

添加到您的CSS：

body{ 
    padding:0px; 
}

讓我知道如果這能幫助

來源

2014-02-21 13:58:59 Rickert

CSS寬度100％不按預期工作

回答

相關問題