溢出自動不工作

-2

我想創建一個用戶儀表板與頂部和側面的導航欄。我面臨的問題是overflow: auto無法正常工作。我得到滾動條，但它不滾動，直到頁面結束。溢出自動不工作

我的小提琴鏈接 - Link

在移動設備上是沒有問題的，但我在全寬設備（筆記本電腦）面臨這個問題。

除此之外，我們該如何將字體真棒圖標和側邊欄中的鏈接居中？

謝謝

來源

2016-09-01 Mannu Nayyar

查看我更新的jsfiddle請 –

這裏有一個工作jsfiddle您可以在底部添加一些padding使你的內容將在窗口中的所有可見。

此外，我已經更新了jsfiddle並添加了一些更多的樣式，所以圖標現在居中。

來源

2016-09-01 15:12:50

我不知道這是否是解決它正確的方式，但它接縫做工精細，當我改變了這種在你的CSS：

.affix-row, 
.affix-container, 
.affix-content { 
    height: 100%; 
    margin-left: 0; 
    margin-right: 0; 
}

對此

.affix-row, 
.affix-container, 
.affix-content { 
    height: 90%; 
    margin-left: 0; 
    margin-right: 0; 
}

希望它至少有助於我縮小到：

height: 100%;

要解決您的圖標中心問題，您可以刪除像素這樣從每一個圖標的頂部：

.fa-cloud-download:before { 
    margin-top:-10px; 
}

來源

2016-09-01 15:14:11 blobbymatt

歡迎SO

變化<div class="col-sm-10 col-md-11 affix-content" style="overflow-y:scroll;">與<div class="col-sm-10 col-md-11 affix-content">你不需要overflow-y那裏，變身overflow到overflow-x:hidden，而不是overflow:hidden和height:auto代替height:100%

它工作

查看jsFiddle Updated

來源

2016-09-01 15:14:39 MoolsBytheway

溢出自動不工作

回答

相關問題