移動Pace.JS在頁面上

Question

所以我有一個側邊欄是200像素寬。我想我的pace.js欄加載它旁邊。所以基本上左邊有200px的邊距。這是我一直在用它來編輯它：

.pace-progress { 
    background: #2dbaa6 !important; 
    position: fixed; 
    z-index: 2000; 
    height: 3px !important; 
} 

我已經嘗試了多種事情。

• 我試着用寬度設置寬度：calc(100% - 200px);。這似乎並不奏效。我似乎只能用width: #px;設置寬度，但我不能使用它，因爲我的頁面有一個流體容器。

  • 保證金離開我試過margin-left: 200px，left: 200px，left: 200。這些似乎都不起作用。如果他們將其向左移動，則杆會朝相反的方向加載。

  • 我看起來唯一能做的就是設置margin-top元素。

任何提示嗎？

謝謝！

Answer 1

以下將使.pace-process左邊200像素和右邊0像素。

.pace-progress { 
    background: #2dbaa6 !important; 
    position: fixed; 
    left: 200px; 
    right: 0; 
    z-index: 2000; 
    height: 3px !important; 
}