在页面上移动Pace.JS

Question

所以我有一个200px宽的侧边栏。我希望我的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;
 }