在餘燼紙不工作的側邊欄佈局

Question

我試圖在我的ember應用中使用ember-paper，但我無法將內容向右側漂浮。

例

我想實現（從灰燼紙官方網站）

我的代碼

application.hbs

{{#paper-nav-container}} 
    {{#paper-sidenav class="md-sidenav-left site-sidenav md-whiteframe-z2" locked-open="gt-sm"}} 
    {{#paper-toolbar}} 
     <div class="md-toolbar-tools"> 
     <div class="logo"> 
      <strong>Paper</strong> 
     </div> 
     </div> 
    {{/paper-toolbar}} 

    {{#paper-content}} 
     {{#paper-list}} 
     {{#paper-item action=(transition-to "employees.list")}}Introduction{{/paper-item}} 
     {{#paper-item action=(transition-to "index")}}Another link{{/paper-item}} 
     {{/paper-list}} 
    {{/paper-content}} 
    {{/paper-sidenav}} 

    <div layout="column" tabindex="-1" role="main" flex> 
    {{#paper-toolbar}} 
     <div class="md-toolbar-tools"> 
     <span class="md-breadcrumb-page">Title</span> 
     </div> 
    {{/paper-toolbar}} 

    {{#paper-content class="md-padding"}} 
     {{outlet}} 
    {{/paper-content}} 
    </div> 
{{/paper-nav-container}} 

我如何可以浮動側邊欄的左邊？我在控制檯中沒有錯誤，這是一個直接複製粘貼從official guide

Answer 1

的例子是使用display:flex可能在你的瀏覽器http://caniuse.com/#search=flex那不是支持？只要你複製粘貼了所需的全部CSS。