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％不按预期工作

回答

相关问题