移动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; 
}