如何填充整个宽度（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