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

如何填充整个宽度（React.js）？

1 个答案: