在页面上移动Pace.JS

Question

所以我有一个200‘s宽的侧边栏。我要我的pace.js条加载到它旁边。所以基本上它的左边有200 of的距离。这就是我用来编辑它的东西：

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

我尝试过多种方法。

• 我尝试用宽度：calc(100% - 200px);设置宽度。这似乎不管用。我似乎只能用width: #px;来设置宽度，但是我不能使用它，因为我的页面有一个流畅的容器。

- for margin left I've tried `margin-left: 200px`, `left: 200px`, `left: 200`. None of these seem to work. And if they move it left, the bar loads in the opposite direction. 
- The only thing I can seem to do is set the `margin-top` element. 

​

有小费吗？

谢谢!

Answer 1

下面将使.pace-process 200像素从左边和0像素从右边。

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