2013-10-30 101 views
12

我使用引導3,我試圖讓一個滾動內容DIV。 我有一個左側的導航和頂杆一格,並在 中間我有,應該是滾動的內容。引導3 - 滾動內容的div

它工作時,我使用的內容的div固定的高度......但我想 用100%來代替。

<div class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"> 
some content... 
</div> 

CSS:

html,body 
{ 
height:100%; 
overflow:hidden; 
} 

我怎麼能得到這個與工作高度:100%;

謝謝!

+0

溢出-y:爲你滾動工作?對不起,沒有測試過我的手機 – EnduroDave

+0

我沒有在上面的代碼中得到任何垂直滾動條的內容DIV ...所以overflow-y似乎沒有幫助。 –

+0

嗯。再次閱讀你的文章我只想檢查你需要一個可滾動的div,或者你只是想讓你的左導航和頂導航固定,而其餘的頁面移動類似於boostrap文檔頁面? – EnduroDave

回答

23

您可以添加預滾動類要滾動股利。

如果您搜索.css有一個最大高度,但你不能編輯。所以你確定它會最大化窗口中的最大值。

希望它能幫助,我用同樣的可滾動的div一個單頁。

+0

這適用於我,例如

gihanchanuka