如何填充整個寬度（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