如何让菜单栏背景颜色适合页面？

Question

如果我想让菜单栏背景颜色适合页面，我怎么能摆脱角落里的白色空间呢？

我尝试将页面宽度更改为100％，但似乎没有任何变化。

任何帮助将不胜感激！

这是一个链接：

http://scratchpad.io

＆＃13;

＆＃13;

body {
  background-color: red;
}

#menubar {
  background-color: grey;
  text-align: right;
  padding: 10px;
}

#menubar ul li {
  display: inline;
}

#menubar a {
  text-decoration: none;
  color: white;
  padding: 10px;
}

＆＃13;

<div id="menubar">
  <div id="menubar-container">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/">About</a></li>
      <li><a href="/">Services</a></li>
    </ul>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

学习使用开发工具https://developer.chrome.com/devtools

body {
 margin: 0;
}

Answer 2

在你的CSS中添加它。

* {
    margin: 0;
}