角材料：強制頁腳底部

根據我下面的內容，如果我的主要內容沒有足夠的內容，是否有人可以幫助我將頁腳留在瀏覽器窗口的底部。我不想要一個粘性的頁腳。有一個角度的材料方式，但我找不到它。角材料：強制頁腳底部

謝謝！

<body layout="column" > 
    <md-toolbar > 
    </md-toolbar> 

    <div layout="row" flex> 
    <md-sidenav class="md-sidenav-left md-whiteframe-z2 " flex > 
    </md-sidenav> 

    <md-content flex layout="row" layout-align="center start"> 
     <div style="max-width: 1600px;" flex layout="column" layout-fill > 
     <div > 
      this is the main content 
     </div> 
     <div > 
      this is the footer 
     </div> 
     </div> 
    </md-content> 
    </div> 
</body>

這裏是jsfiddle

來源

2015-10-31 Ervin E

請提供jsfiddle。 – Alex

@alirezasafian - 更新的問題鏈接到jsfiddle。感謝您的期待 –

我希望this可以幫助你。我爲你的html添加了一些類並應用了這些規則。

.wrapper, 
div[layout=row] 
{ 
    height: 100%; 
} 

div[layout=column] 
{ 
     display: flex; 
    min-height: 100vh; 
    flex-direction: column; 
} 
.content 
{ 
    flex: 1; 
}

來源

2015-10-31 19:10:37 Alex

角材料：強制頁腳底部

回答

相關問題