너비 (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

신체에 여백 또는 패딩이 있습니다. 제거 할 수는 있지만 패딩을 원할 때 페이지의 다른 부분이 지저분 해집니다. 또 다른 옵션은 네비게이션 바 위치를 고정시킬 수 있다는 것입니다. 패딩/마진은 무시됩니다.

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

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