Reactjs 如何填充整个宽度（React.js）？

我是React.js新手，我注意到的第一件事是页面的整个宽度没有填充。这是我的JS代码：

var Navbar = React.createClass({
    render: function(){
        return(
            <div className="navbar"> </div>
        );
    }
});

ReactDOM.render( <Navbar/>,document.getElementById('test') );

---

有一个3倍的顶部、左侧和右侧意外边距。

您的身体要么有边距，要么有填充物。您可以删除，但这样会使页面的其他区域变得混乱，甚至需要填充。另一种选择是，您可以使导航栏位置固定。这将忽略填充/边距

.navbar{
  position: fixed;
  top: 0;
  left: 0;
  background-color: green;
  width: 100%;
  height: 3em;
}

---

主体或测试元件有填充物？测试是什么样子的？一个身体。2个测试看起来像导航条，但上、左、右各有3个边距。成功了，非常感谢！删除正文的边距或填充有什么问题？没有什么问题，但是如果你想让你的内容与页面外部保持一定的距离，你就必须有一个div来包装你的所有内容，设置填充，而不是仅仅在已经存在的正文上进行填充，并覆盖所有内容

.navbar{
  position: fixed;
  top: 0;
  left: 0;
  background-color: green;
  width: 100%;
  height: 3em;
}