幅（React.js）全体を埋める方法は？

Question

私はReact.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の上、左、右の予期しない余裕があるこれは私のJSコードです。

Answer 1

あなたの身体にはマージンまたはパディングがあります。削除することはできますが、ページの他の領域ではパディングすることもあります。もう1つの選択肢は、Navbarの位置を固定にすることです。パディング/マージンは無視されます。

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

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