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

Question

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

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

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

和CSS：

.navbar{ 
    background-color: green; 
    width: 100%; 
    height: 3em; 
} 

有一个3px的上，左，右意外保证金。

Answer 1

你的身体要么有余量，要么填充。你可以删除，但随后它会与你想要填充的页面的其他区域混乱。另一个选项是你可以修改导航栏的位置。这会忽略填充/边距。

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

http://codepen.io/finalfreq/pen/VKPXoN