Javascript 如何更改jquery在屏幕上的位置？

在html文件top中，我包含了css文件和javascript：

<link rel="stylesheet" type="text/css" href="carousel.css">
        <link rel="stylesheet" type="text/css" href="vertical_slider.css">
        <link rel="stylesheet" type="text/css" href="glow-effect.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.caroufredsel/6.1.0/jquery.carouFredSel.packed.js" type="text/javascript"></script>
        <script src="http://malsup.github.io/jquery.cycle2.js"></script>
        <script src="http://malsup.github.io/jquery.cycle2.carousel.js"></script>
        <script src="java_script.js"></script>

我试图更改css代码中许多属性的值，但没有任何效果

编辑

我的意思是我中间已经有一个jQuery了。 我想把cycle2移到左边一点，这样它就会在另一张大图的左边。 这是我编辑过的截图，我从中间拿了自行车2，贴在我想要的地方

---

你的意思是把所有的东西向左移一点吗？ 如果是这样，只需稍微更新容器边距

---

我不太清楚你的问题。希望有帮助

可以通过应用float:left to.vertical slider容器类将循环2向左移动

   .vertical-slider-container {
      background: #fff;
      border: 20px solid #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,.2);
      margin-top: 40px;
      float: left;
      position: relative;
      width: 120px;
   }

---

当元素处于静态位置时，

顶部

、

左侧

、

底部

和

右侧

CSS属性不可用。静态定位是默认设置，并且该位置是自动的。尝试将属性

position:relative

添加到要移动的每个元素。

将其移动到最左侧。我用一个链接更新了我的问题，为我的意思截图。好吧，如果你想把它放在左边一点，那么加上左边距：20px；页边距顶部以下：40px；在我上面的css代码中，我将位置更改为绝对位置，并添加了左和上。左290px和右80px，它按照我的要求工作。huan编辑了我的问题，用截图解释了我的意思。从页边空白处移动汽车使其移动到我不是故意的位置。对不起，我不是CSS专家，而且不像我以前想的那么简单，希望有人能在这方面帮助你：）

.vertical-slider-container {
    background: #fff;
    border: 20px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    margin: 40px auto;
    position: relative;
    width: 120px;
}

.slideshow {
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slideshow img {
    display: block;
    width: 100px;
    height: 100px;
    padding: 10px;
}

.vertical-slider-nav {
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    margin-left: -20px;
    left: 50%;
    z-index: 10;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    text-decoration: none;
    width: 40px;
    transition: all .3s ease;
}

.vertical-slider-nav-up {
    top: -60px;
}

.vertical-slider-container:hover .vertical-slider-nav-up:hover {
    opacity: 1;
}

.vertical-slider-container:hover .vertical-slider-nav-up {
    top: -20px;
    opacity: 0.7;
}

.vertical-slider-nav-down {
    bottom: -60px;
}

.vertical-slider-container:hover .vertical-slider-nav-down:hover {
    opacity: 1;
}

.vertical-slider-container:hover .vertical-slider-nav-down {
    bottom: -20px;
    opacity: 0.7;
}![enter image description here][1]

.vertical-slider-container {
    background: #fff;
    border: 20px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    margin: 40px;
    position: relative;
    width: 120px;
}

   .vertical-slider-container {
      background: #fff;
      border: 20px solid #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,.2);
      margin-top: 40px;
      float: left;
      position: relative;
      width: 120px;
   }