ReactJS + Redux - Material-UI : <Toolbar/> 플로팅 가능한 방법?

Question

사용 : http://www.material-ui.com/#/components/toolbar, 아래로 스크롤 할 때 어떻게 floatable을 만들 수 있습니까?

나는 다음과 함께 할 수 있었다 : textAlign:'center', position: 'fixed', top: 0 을하지만 난 <Toolbar/> 함께 할 때, 그것은 이상하게 크기를 조정합니다.

Answer 1

너비를 100 %로 설정해 보았습니까? 이것은 나를 위해 일한 :

<Toolbar 
    style={{ 
    position: 'fixed', 
    top: 0, 
    width: '100%' 
    }}> 
// Content 
</Toolbar> 

또는 :

<Toolbar 
    style={{ 
    position: 'fixed', 
    top: 0, 
    left: 0, 
    right: 0, 
    }}> 
// Content 
</Toolbar> 

을