Wie füllt man die gesamte Breite (React.js)?

Question

ich bin neu in React.js und das erste, was ich festgestellt habe, ist, dass die gesamte Breite der Seite nicht gefüllt ist. Das ist mein JS-Code:

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

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

und CSS:

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

Es gibt eine 3px oben, links, rechts unerwarteter Marge.

Answer 1

Ihr Körper hat entweder einen Rand oder eine Polsterung. Sie könnten entfernen, aber dann wird es unordentlich mit anderen Bereichen der Seite, die Sie sogar auffüllen möchten. Eine andere Möglichkeit wäre, die Position der Navigationsleiste festzulegen. Das ignoriert Padding/Rand.

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

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