React.js CSS不起作用

Question

CSS

 body{
    margin-top:0;
    background-color: green;
 }

 .container{
    background-color: blue;
    width: 100%;
    height: auto;
 }

的Javascript

var Alertbox = React.createClass({

edit: function(){
 alert("Edit");
},

remove: function(){
 alert("Remove");
},


render: function(){
return(

<div className="container">
    <button onClick={this.edit}>Edit</button>
    <button onClick={this.remove}>Remove</button>
</div>

);

}


});

ReactDOM.render(<div>
<Alertbox/>
<Alertbox/>
<Alertbox/>
</div>,

document.body)

我很反应.js。我不确定为什么css没有显示。我正在使用className。我很难找到造成这种情况的原因。我不知道如何使用React来显示具有适当样式的页面。