使用時的基礎列位置：固定強制重疊

Question

我正在使用基礎來創建網站的三個部分。設置與以下html：

<div class= "row full"> 
     <div class="sidebar large-2 columns">... </div> 
     <div class="large-8 columns user-navbar">...</div> 
     <div class="large-2 columns user-activity">...</div> 
    </div> 

我也試圖讓側邊欄延長頁面的垂直長度。我一直在試圖做這樣做：

.sidebar { 
    min-height: 100%; 
    position: fixed; 
} 

但是我這樣做時，它提供了用戶導航欄側邊欄的重疊。有沒有辦法解決這個問題？

謝謝！

Answer 1

我發現了一箇舊的職位，也有類似的問題：

Using fixed position with a grid layout framework

對於Fo我正在與之合作的第6天，我添加了「大偏移-2」類，現在它看起來很棒！

Answer 2

沒有使用position這裏。所以，以高度延伸到窗口高度用途：

.sidebar { 
    height: 100vh; 

} 

還定義類側邊欄爲：

<div class="large-2 columns sidebar" style="background:red;height:120px">... </div>